NAVIGATION CODE: THE SICK BOY METHOD

[monsterfactory]

static preview, live preview, code and notes under the cut.

word
a word
two words
linkage

Spicy jalapeno bacon ipsum dolor amet pastrami tenderloin venison flank, tri-tip beef ribs bresaola leberkas doner cow ham.

Landjaeger leberkas bresaola pig. Bacon brisket pork chop, kevin meatball chicken salami. Brisket pork swine doner sausage. Pork chop sirloin tongue ground.

CODE BY JUSTLIKEBART

live preview over here, using this theme
inspired by trainspotting marketing typography
i also made a tumblr theme with the same style
modify however you want but leave the credit intact!
colours: #000 for text, #fb6221 for dividing bar

updated in june 2019 to fix shoddy coding and make it more functional!

CODE
<center><lj-raw> <div style="width: 480px;"> <div style="float: left; width: 150px; text-align: right; font-family: helvetica; font-weight: bold; font-size: 20px; line-height: 120%; margin-right: 10px; padding-top: 10px;"> <a href="link" style="text-decoration: none; color: #000;">word</a><br> <a href="link" style="text-decoration: none; color: #000;">a word</a><br> <a href="link" style="text-decoration: none; color: #000;">two words</a><br> <a href="link" style="text-decoration: none; color: #000;">linkage</a></div> <div style="float: left; padding-top: 10px; padding-bottom: 10px; border-left: 10px solid #fb6221; padding-left: 10px; width: 300px; color: #000; font-family: helvetica; font-size: 30px; font-weight: bold; text-align: left; line-height: 110%;"> Spicy jalapeno bacon ipsum dolor amet pastrami tenderloin venison flank, tri-tip beef ribs bresaola leberkas doner cow ham. <div style="margin-top: 5px; font-size: 12px; font-weight: normal; line-height: 120%;">Landjaeger leberkas bresaola pig. Bacon brisket pork chop, kevin meatball chicken salami. Brisket pork swine doner sausage. Pork chop sirloin tongue ground.</div> </div> <div style="clear: both;"></div> </div> <div style="margin-top: 10px; margin-bottom: 10px; font-family: helvetica; font-weight: 300; font-size: 8px; letter-spacing: 1px; color: #000;">CODE BY <a href="http://justlikebart.dreamwidth.org/" style="font-weight: bold; text-decoration: none;">JUSTLIKEBART</a></div> </lj-raw></center>

Comments

[succored]

I like how neat and easy to use this is! Thank you for sharing!