How Misery Loved Me

Website Templates / 2 Columns

Designer's Comments

Look carefully for specific instructions

Compatible for Xanga and Blogger.
More lyts at faketheway.org

Layout Code

Copy and paste to Template HTML

Help

<title>v. HOW MISERY LOVED ME // CHANGE HEADING</title>
<style>

/*

LAYOUT BY: HTTP://DREAMLESS-ILLUSIONS.CA/FTW
 CSS BY: HTTP://DREAMLESS-ILLUSIONS.CA/FTW
 BRUSHES AND IMAGE CREDITS CAN BE FOUND @ THE SITE

MAIL ME IF ANYTHING! BEC XXO

*/

font,td,p,xmp,u,body,.content,table,div{COLOR:#c0c0c0;font-family:franklin gothic medium;font-size:7pt;line-height:12pt;font-weight:normal;letter-spacing:1px;}
#m1{background:none;border:none;}
i{COLOR:#000000;font-family:verdana;font-size:12pt;line-height:15pt;font-weight:normal;letter-spacing:3px;font-style:normal;display:block;border-bottom:#3D3D3D 1px solid;text-align:right;background:#C9C9C9;}
.f1{color:#C9C9C9;font-family:arial;font-size:15pt;line-height:30pt;font-weight:normal;text-transform:uppercase;text-decoration:none;letter-spacing:3px;height:35px;display:block;text-align:left}
u{color:#FB193A;font-family:franklin gothic medium;font-size:12pt;line-height:17pt;font-weight:normal;letter-spacing:3px;font-style:normal;display:block;border-bottom:#5D5E4D 1px dashed;text-align:right;text-decoration:none;}

a:link,A:visited,A:active {COLOR:#808080;}
a:hover {COLOR:#c0c0c0;}
a:link,A:visited,A:active,a:hover {font-family:franklin gothic medium;font-size:6pt;line-height:10pt;font-weight:normal;text-decoration:none;letter-spacing:1px;}

a.nav {filter:alpha(opacity=40);opacity:0.4;background:#202020;border:#202020 2px solid;}
a.nav:hover {filter:alpha(opacity=40);opacity:0.4;background:#808080;border:#273608 2px solid;}
a.nav, a.nav:hover {font-family:arial;font-size:12pt;line-height:20pt;font-weight:normal;text-transform:lowercase;font-weight:bold;text-decoration:none;letter-spacing:-2px;height:25px;display:block;text-align:left;}

#mi {width:926px;height:540px;top:0px;left:0px;}
#m1,#s1,#mi {position:absolute;visibility:visible;}
#s1 {width:92px;top:368px;left:236px;}
#m1 {width:496px;top:258px;left:343px;filter:alpha(opacity=80);opacity:0.8;}
</style>

<a href="LINK" class="nav">#1</a>
<a href="LINK" class="nav">#2</a>
<a href="LINK" class="nav">#3</a>
<a href="LINK" class="nav">#4</a>
<a href="LINK" class="nav">#5</a>
<a href="LINK" class="nav">#6</a>
<a href="LINK" class="nav">#7</a>
<a href="LINK" class="nav">#8</a>
<a href="LINK" class="nav">#9</a>
<a href="~acroliu" class="nav">FTW DESIGNS</a><bR><br>

</div>

<div id="m1">
<font class=f1>change heading</font>
<i>sub heading</i>
Maecenas molestie condimentum eros. Quisque sagittis iaculis ligula. In eu justo. Aliquam sit amet nibh. Mauris mauris neque, consectetuer sit amet, volutpat iaculis, congue eget, mi. Cras nisi. Sed aliquam, tellus molestie ullamcorper pharetra, nisi risus bibendum nisl, quis pulvinar purus metus eget enim. Integer commodo. Curabitur pretium diam a justo. Nulla ultricies. In hac habitasse platea dictumst. Curabitur dignissim nisi vel elit.<br><br>

<font class=f1>change heading</font>
<i>sub heading</i>
Duis ipsum sem, porttitor id, vehicula quis, fringilla sit amet, elit. Nullam ultrices risus non nisl. Etiam eget augue a nisl mattis convallis. Nullam commodo. Duis leo dui, pharetra porttitor, porta nec, luctus vel, dui. In eleifend. Fusce commodo scelerisque metus. Sed placerat tempor lectus. Nunc fringilla, libero in convallis tempor, mauris lectus congue elit, vitae dapibus pede libero sit amet lorem. Proin lectus. Duis ultricies adipiscing ligula. Nulla a nisi in massa scelerisque fringilla. Maecenas aliquam. Aenean condimentum. <br><br>

<font class=f1>change heading</font>
<i>sub heading</i>
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Etiam feugiat libero quis ligula. Aliquam nisi. Donec dui diam, adipiscing eget, egestas non, elementum sit amet, odio. Aenean eu ipsum. Phasellus lorem. Nulla vulputate dolor vel ligula feugiat facilisis. Fusce lobortis mollis elit. Nullam feugiat venenatis sapien. Ut ultrices, leo ac ultrices sagittis, erat sapien condimentum ipsum, nec aliquet sem nisl a libero. Sed sapien ipsum, euismod quis, interdum et, imperdiet feugiat, tellus. Phasellus ut leo a pede vehicula pellentesque. Sed nec diam. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Nulla cursus tellus a urna. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean faucibus vestibulum nibh. Pellentesque bibendum velit ut diam. Praesent nec urna a mauris eleifend tincidunt.<br><br>

Duis ipsum sem, porttitor id, vehicula quis, fringilla sit amet, elit. Nullam ultrices risus non nisl. Etiam eget augue a nisl mattis convallis. Nullam commodo. Duis leo dui, pharetra porttitor, porta nec, luctus vel, dui. In eleifend. Fusce commodo scelerisque metus. Sed placerat tempor lectus. Nunc fringilla, libero in convallis tempor, mauris lectus congue elit, vitae dapibus pede libero sit amet lorem. Proin lectus. Duis ultricies adipiscing ligula. Nulla a nisi in massa scelerisque fringilla. Maecenas aliquam. Aenean condimentum. <br><br>