panem | Reading

link
link
link
link
art

♡

<lj-raw><div class="CONTAINER" style="width:400px;max-width:100%;margin:50px auto; font-family:courier,monospace;font-size:13px;text-align:justify;transform:rotate(-1deg);">
<div class="TAPED_NOTE" style="display:grid;grid-template-columns:25px auto 25px;grid-template-rows:25px auto 25px;box-shadow:1px 1px 2px rgb(0 0 0/0.2);color:#000000;background-color:#BBD1EA;">

</div>

</div>

</div>
</lj-raw>

---

link one
link two
link three
link four
link five
art

CODE

<lj-raw><div style="margin: 0 auto; width: 400px; display: flex;">
<div style="width: 350px; height: 450px; background: url('https://images.plurk.com/3a51KpPeXVh8axmz5rbHv4.png') center; background-size: cover;"></div>
<div style="width: 150px; height: 450px; background-color: #da6c49;"></div></div>

<a href="LINK_URL_HERE" style="text-decoration: none; padding: 2px 2px 2px 2px; border-right: 17px solid #1a3f47; color: #eda181;">link three</a><br />

</div>
</div>

---

A LINE OF TEXT GOES HERE
AND SOME SUBTITLES, IF DESIRED

A LINK 

ANOTHER LINK 

BEHOLD, LINK 

AND I SEE! A LINK!

LINK

<center><raw-code><br /><br /><div style="width: 500px !important; height: auto !important; background: #e4e3f4; font-family: 'Courier New', monospace; font-size: 9pt; color: #000000; line-height: 1.8em; padding: 20px transparent !important; border-radius: 25px;"><div style="width: 500px; height: 270px; background: url(https://64.media.tumblr.com/9b732f019769ceeb58055bf419817465/e03caad220b716f2-8a/s540x810/29a969b73e862b2ee4b6d69d5d482c1bd930699b.gif); background-size: 100%; background-position: center; padding: 0px; position: relative; float: center;"></div>
<div style="width: 420px; height: auto !important; float: center; top: auto; text-align: center; vertical-align: middle; padding: 40px;"><span style="font-size: 2em; font-weight: 9.0;">A LINE OF TEXT GOES HERE</span><br /><span style="font-size: 0.95em;">AND SOME SUBTITLES, IF DESIRED<br /><br />
<a href="URL" style="text-decoration: none; color: #000;">A LINK</a> <br />
<a href="URL" style="text-decoration: none; color: #000;">ANOTHER LINK</a> <br />
<a href="URL" style="text-decoration: none; color: #000;">BEHOLD, LINK</a> <br />
<a href="URL" style="text-decoration: none; color: #000;">AND I SEE! A LINK!</a><br /><br /><span style="border-radius: 20px; border: 2px solid #000; background: #000; padding: 10px;"><a href="URL" style="text-decoration: none; color: #fff;">LINK</a></span></div></div><br /><br /></raw-code></center>

---

TITLE
SUBTITLE

LINK1
LINK2
LINK3
LINK4

art

<raw-code><div style="width: 600px !important; height: 300px !important; background: #ececec; font-family: 'Montserrat', sans-serif; font-size: 9pt; color: #000000; line-height: 1.8em;"><div style="width: 300px; height: 300px; background: url(https://images.plurk.com/71rBuqarQubvtIyPgXV3XD.png); background-size: 100%; background-position: center; padding: 0px; position: relative; float: left;"></div>
<div style="width: 220px; height: 300px; background: url(BACKGROUNDURL2); background-size: 100%; background-position: center; padding: 0px; position: relative; float: right; top: 60px; right: 40px; text-align: center; vertical-align: 40%;"><span style="font-size: 2em; font-weight: bolder;">TITLE</span><br /><span style="font-size: 0.95em;">SUBTITLE<br /><br />
<a href="URL" style="text-decoration: none;">LINK1</a> <br />
<a href="URL" style="text-decoration: none;">LINK2</a> <br />
<a href="URL" style="text-decoration: none;">LINK3</a> <br />
<a href="URL" style="text-decoration: none;">LINK4</a><br /><br /><span style="border-radius: 20px; border: 2px solid #000000; padding: 10px;"><a href="https://www.tumblr.com/tobenice/803155675790409729/" style="text-decoration: none; color: #000000;">art</a></span></div></div></raw-code>

---

TITLE HERE

LINK

credit

<raw-code>
<center>
<div id="navigation-box"
  style = "width:500px;
  height:300px;
  background-image: url('https://64.media.tumblr.com/8c743ff24c131f023e2eb5a06749c377/9134ee51e28b98f4-2f/s540x810/2d054aecec0ce555dd04dea0881438961185e58c.gif');
  background-position: center;
  background-color: white;
  background-size: auto;
  display: block;
  border-radius: 15px;
  border-width: 1px;
  border-color: white;
  border-style: dotted;">

<!--START OF TITLE--!>
<div id="nav-title-bar"
  style="width: 100%;
  height: 30px;
  background-color: rgba(0,0,0,0.2);
  display: inline-block;
  margin-top: 10px;
  padding-top: 10px;">
<span id="nav-title"
  style="font-family: 'MS Gothic';
  color: white;
  font-size: 16px;">
TITLE HERE
</span>
</div>
<!--END OF TITLE--!>

<!--START OF LINK BOXES--!>
<!--TOP ROW--!>
<div id="nav-link-box"
  style="display: inline-block;
  width: 100%;
  height: 40px;
  margin-top: 145px;"> <!--ADJUST THIS MARGIN TO REPOSITION THE LINKS VERTICALLY--!>
<!--START OF ROW OF LINKS--!>
<a href="LINK HERE" style="font-family: 'MS Gothic'; color: white; font-size: 12px;">
<div id="nav-link"
  style="display: inline-block;
  background-color: rgba(0,0,0,0.2);
  width: 100px;
  height: 30px;
  border-radius: 5px;
  padding-top: 10px;">LINK</div></a>

</div>
<!--END OF TOP ROW OF LINKS--!>

<!--BOTTOM ROW. DELETE FROM HERE TO END OF BOTTOM ROW IF YOU ONLY WANT ONE ROW--!>
<div id="nav-link-box"
  style="display: inline-block;
  width: 100%;
  height: 40px;
  margin-top: 5px;">

<!--START OF A ROW OF LINKS--!>
<a href="LINK HERE" style="font-family: 'MS Gothic'; color: white; font-size: 12px;">
<div id="nav-link"
  style="display: inline-block;
  background-color: rgba(0,0,0,0.2);
  width: 100px;
  height: 30px;
  border-radius: 5px;
  padding-top: 10px;">LINK</div></a>

</div>
<!--END OF BOTTOM ROW OF LINKS--!>
<!--CODE CREDIT, DO NOT DELETE--!>
<div id="credit"
  style="font-size: 10px; width: 475px; text-align: right; padding-right: 10px; padding-bottom: 10px;"><a href="https://isopods.dreamwidth.org/429.html" style="color: white; font-family: MS Gothic;"><i>credit</i></a></div>
</div>
<!--END OF NAV BOX--!>
</center>
</raw-code>

---

mrs. lisa suou

Reading

CR CHART/MUSELIST: DARK & STORMY

(meryl nav coding)

2 muse list codes

December 2011

Profile

Most Popular Tags

Page Summary

Style Credit

Expand Cut Tags