Heart Attack

Designer's Comments

Look carefully for specific instructions

Best view with Firefox.
Questions? Ask me :]

Layout Code

Copy and paste to Template HTML

<html>
<head>
<title>L A Y O U T __________ HEART ATTACK</title>
<style>
body {
font-family: courier new;
font-size: 9pt;
color: #000;
}

b {
font-family: tahoma;
font-size: 8pt;
color: #E04FBC;
text-transform: uppercase;
border-bottom: 2px solid;
}

i {
color: #78C7E2;
font-size: 8pt;
}

u {
color: #77E14E;
font-size: 8pt;
letter-spacing: 1px;
}

H1 {
font-family: Courier New;
font-size: 14pt;
}

ul, li {
font-size: 8pt;
color: #888;
text-align: justify;
list-style: circle;
}

A {
font-family: Courier New;
font-size: 9pt;
color: #4A4A4A;
text-decoration: none;
}

A:Hover {
font-family: Courier New;
font-size: 9pt;
color: #4A4A4A;
font-weight: bold;
text-decoration: none;
}

#show {
background-color: #FFF;
padding: 4px;
}

#navi {
background-color: #FFF;
}

#navi A {
font-family: courier new;
font-size: 10pt;
color: #999;
display: block;
border-bottom: 1px solid #DDD;
border-right: 10px solid #DDD;
}

#navi A:Hover {
font-family: courier new;
font-size: 10pt;
color: #555;
display: block;
font-weight: bold;
border-bottom: 1px solid #555;
border-right: 10px solid #555;
}

#title {
background-color: #FFF;
font-size: 30pt;
text-align: right;
font-weight: bold;
}
</style>
</head>

<body background="http://i225.photobucket.com/albums/dd176/vanniilicous/CB/bg.jpg">
<div style="position: absolute; width: 512px; left: 152px; top: 50px" id="show">
<h1>Lorem ipsum...</h1>
<p>...dolor sit amet, consectetuer adipiscing elit. Vivamus vel lorem vitae eros 
malesuada ultricies. Nam nec eros <b>vitae</b> eros convallis tincidunt. 
Praesent sapien diam, viverra id, condimentum nec, auctor non, eros. In sem. Sed
<i>rutrum</i>, ligula vel condimentum tincidunt, elit diam eleifend risus, id 
scelerisque neque eros non dolor. Maecenas sem neque, egestas vel, vestibulum 
vel, fermentum et, quam. Vestibulum vulputate <u>urna</u> eget sapien. Vivamus 
vehicula mollis sem. Nulla in diam. Donec eu ante at urna convallis mattis.
<a href="#">Maecenas</a> at dui eleifend quam lacinia vestibulum.<ul>
	<li>Duis lectus. Nam sed augue. Morbi quis nunc. Quisque sed justo a dui 
	mollis dictum. </li>
	<li>Duis id eros at ligula adipiscing porttitor. </li>
</ul>
<h1>Artist's Comment</h1>
<p>Deleting credits = I kill you <3<br>
Anyway, have fun ☆彡</p>
<h1>Credits!</h1>
<p><b>design&coding</b>
<a target="_blank" href="http://paran0iiaxvio.createblog.com/">paran0iiaxvio</a> 
@ Createblog</div>

<div style="position: absolute; width: 174px; left: 490px; top: 20px; height:40px" id="title">
Title !
</div>

</body>

</html>