Misery Business

Designer's Comments

Look carefully for specific instructions

leave credits on.
No jocking.
More at http://hellofascination.skylineillusions.net/
enjoy.

-mandie

PS. I know the lyrics are wrong. Boo Whoo.
PSS. I fixed the lyrics so... HAH.

Layout Code

Copy and paste to Template HTML

Help

<html>
<head>
<title>
Hayley Williams - Misery Business
</title>
<style type="text/css">
   
td, body {text-align: justify; line-height: 8pt; cursor: crosshair; font: Normal 8pt courier new ; color: 
#000000; margin-left:1; margin-right:1;}

select, input{line-height: 8pt; font: Normal 8pt courier new; color: #000000; 
margin-left:1; margin-right:1;}

B {font-size: 7pt; font-weight: bold; COLOR: #FF0054; font-family: 
verdana; letter-spacing: 0px; text-transform: uppercase;}
I {font-size:8pt; font-weight: italic; COLOR: #00A5FF; font-family: 
georgia}
S {font-size: 8pt; font-weight: line-through; COLOR: #999999; font-family: 
verdana}
U {FONT-WEIGHT: normal; font-family: arial; COLOR: #000000; 
TEXT-DECORATION: none; font-size: 8pt; BORDER-BOTTOM: #FF0054
dashed 2px;}

h1 {
font-family: arial black;
font-size:20px;
color: #00A5FF;
text-align:center;
text-transform:uppercase;
font-weight: bold;
background-color: #000000;
border-top: 0px solid transparent;
line-height: 20px;
letter-spacing:-3px;
margin: 0px;
padding-top: 0px;}

h2 {
font-family: arial narrow ;
font-size:13px;
color: #FF0054;
text-align:right;
text-transform:uppercase;
font-weight: normal;
background-color: #000000;
border-top: 0px dotted #000000;
line-height: 15px;
letter-spacing:2px;
margin: 0px;
padding-top: 0px;}

.box:link, .box:active, .box:visited
{
color: #000000;
background-color: transparent;
font-family: arial;
display: block;
font-size: 10px;
font-weight: normal;
letter-spacing: 1px;
text-decoration: none; BORDER-BOTTOM: #000000 solid 0px;
line-height: 10px;
text-align: center;
text-transform: uppercase;

}
a.box:hover
{
color: #00A5FF;
background-color: #E1E1E1;
display: block;
cursor: crosshair;
font-family: arial;
text-decoration: none; BORDER-BOTTOM: #000000 solid 0px;
font-size: 10px;
font-weight:bold;
letter-spacing: 1px;
line-height: 10px;
text-align: center;
text-transform: uppercase;

}

A:link, A:active, A:visited
{
color: #999999;
background-color: transparent;
font-family: verdana;
font-size: 9px;
font-weight: normal;
text-decoration: none; BORDER-BOTTOM: #000000
dotted 0px;
text-transform: lowercase;
line-height: 9px;
}
A:hover
{
color: #BABABA;
cursor: crosshair;
font-size: 9px;
font-weight: normal;
text-decoration: none; BORDER-BOTTOM: #333333
solid 0px;
line-height: 9px;
text-transform: lowercase;
background-color: transparent;
letter-spacing: 0px;
}

UNKNOWN {align: center}

body 
{background-color: #000000;
background-image: url(http://i150.photobucket.com/albums/s116/vampyrgurl16/hayley-back.jpg); 
cursor: crosshair;
background-attachment:scroll;}

</style>
<body>
<div style="left: 0px; position: absolute; top: -20px;">
<img src="http://i150.photobucket.com/albums/s116/vampyrgurl16/hayleywilliams.jpg"></div>

<div style="position: absolute; top: 357px; left: 535px; width: 195px; overflow: auto;
background: none; BORDER STYLE: solid 0px none; height: 180px; ">
<br>
<h2>Navigation</h2><br>
<center>
<a href="URLHERE"class="box">Go Home</a>
<a href="URLHERE"class="box">my comments</a>
<a href="URLHERE"class="box">my pictures</a>
<a href="URLHERE"class="box">my creations</a>
<a href="URLHERE"class="box">message me</a>
<a href="URLHERE"class="box">add to friends</a>

</center>
<br>
<h2>About me</h2>
<br></center>
The name is Mandie. Born in the Month of March. Matt Good is Hot. blah blah blah. you know

ramble on and on here.
<br><br>
<br>
<h2>Friends</h2>
<BR>
<center>
&<a href="STORYURL"target="_blank">friends</a>
&<a href="STORYURL"target="_blank">friends</a>
&<a href="STORYURL"target="_blank">friends</a>
&<a href="STORYURL"target="_blank">friends</a>
&<a href="STORYURL"target="_blank">friends</a>
</center>
<bR>

<h2>oneshots</h2>
<BR>
<center>
&<a href="STORYURL"target="_blank">oneshot</a>
&<a href="STORYURL"target="_blank">oneshot</a>
&<a href="STORYURL"target="_blank">oneshot</a>
&<a href="STORYURL"target="_blank">oneshot</a>
&<a href="STORYURL"target="_blank">oneshot</a>
</center>
<bR>

<h2>Chatter Box</h2><br>
<center>
you cbox goes here! if you dont have one go <a href="http://www.cbox.ws"target="_blank">here</a><bR>
<b>width=</b> 120<br>
<b>Height=</b> 150
</center><bR><br>

<h2>credits</h2>
<br><center>
<b>Lyt By:</b> <a href="http://www.hellofascination.skylineillusions.net"target="_blank">Hello Fascination</a><br>
<a href="http://www.moargh.de/"target="_blank">x</a>
<a href="http://www.bloodylamb.crashthewave.net/" target="blank">o</a> 
<a href="http://www.dafont.com" target="blank">x</a> 
<a href="http://www.swimchick.net/" target="blank">o</a>
<a href="http://www.plyrics.com/lyrics/paramore/miserybusiness.html"target="_blank">x</a>
<a href="http://skylineillusions.net/"target="_blank">o</a>
<a href="http://aethereality.net/"target="_blank">x</a>
<a href="http://metal-cx.deviantart.com/art/Metal-CX-s-Chaotic-Abstract-19548105"target="_blank">o</a>
<a href="http://feel.zeroexposure.net/"target="_blank">x</a>
<a href="http://reminiscent-designs.net/"target="_blank">o</a><br>
You Steal. And <i>Die</i>.
</center><br><br>
</div>

<h1>Updates</h1><bR>
blah blah blah updates go here xD, and dont forget to tell me your using the layout in the cbox!!<bR><bR>

<i>booooo</i> <b>I hate choooo</b> <s>Just kidding!</s> <u> I love you </u>  <a href="http://www.mibba.com"target="_blank"> =]</a><p>

<h1>stories
</h1>
<bR>
<centeR>
<b>One:</b> <a href="" target="_blank">Title of the Story</a>
<bR><b>With:</b> Protagonist & else characters.
<br><b>Currently:</b> Number of Parts.
<br><br>
<b>Two:</b> <a href="" target="_blank">Title of the Story</a>
<bR><b>With:</b> Protagonist & else characters.
<br><b>Currently:</b> Number of Parts.
<br><br>
<b>Three:</b> <a href="" target="_blank">Title of the Story</a>
<bR><b>With:</b> Protagonist & else characters.
<br><b>Currently:</b> Number of Parts.
</center>
<bR><Br>

<h1>other</h1><bR>
<center>
<i>You know you live in 2009 when</i>......<bR><br>

<b>1.)</b> you accidentally enter your password on a microwave.<br>

<b>2.)</b> you haven't played solitaire with real cards in years.<br>

<b>3.)</b> the reason for not staying in touch with your friends is that they don't have a screen name

or a myspace.<br>

<b>4.)</b> you'd rather look all over the house for the remote instead of just pushing the button on the

tv.<br>

<b>6.)</b> your boss doesn't even have the ability to do your job.<br>

<b>7.)</b> you read this list, & keep nodding and smiling.<br>

<b>8.)</b> as you read this list, you think about sending it to all your friends.<bR>

<b>9.)</b> and you were too busy to notice number 5.<br>

<b>10.)</b> you actually scrolled back up to check that there was a number 5.<bR>