The Evolution of Evil. (Animated)

Designer's Comments

Look carefully for specific instructions

The first layout I'm actually proud of.
It's animated, BTW. So I guess you'll need a good internet connection. My connection is slow, and it still shows up for me.
Hope you like!

More here.

Layout Code

Copy and paste to Template HTML

Help

br{line-height:-3px;}

b{color: ad1212 ;
font-weight:bolder;}

i{font-family: tahoma; 
font-size: 11px; 
color: ad1212 ;}

u{font-weight: normal;
font-size: 11px; 
font-family: tahoma; 
line-height: 100%;
text-decoration: none;
color:010101;
border-bottom: 1px solid #ad1212;}

h1 {
font-family: Georgia; 
color:FFF; 
font-style:italic;
font-weight:normal;
font-size: 30pt; 
letter-spacing: 0px;  
text-align: left; 
line-height:24pt; 
border-left: 6px solid #ad1212;
margin-bottom:0px;}

h2 { 
font-family: times new roman;
font-weight:normal;
color:878787; 
font-size:11px; 
text-transform: uppercase; 
letter-spacing: 4px; 
text-align: right; 
line-height:8pt;
border-bottom: 1px dashed #010101;
margin-bottom:0px;}
h2:first-letter {
color: #010101;
}

textarea {font-family:tahoma;  
font-size: 7pt; 
line-height: 8pt; 
font-weight: normal; 
text-transform:lowercase; 
text-align: left; 
color: 000000; 
width: 150px; 
height: 30px; 
background-color: fff; 
border: 1px solid; 
border-color: 878787;}

a:link, a:visited, a:active
{color:b53e3e;
font-family: tahoma;
font-weight:normal;
font-size:12px;
text-decoration:none;}

a:hover{
font-family: tahoma;
letter-spacing:0px;
font-size:12px;
color:878787;
cursor:none;
font-weight: normal;
text-decoration:none;}

#content {
width: 515px;
height: 100%; 
position: absolute; 
left: 0%;
margin-left: 2px; 
top:502px; 
z-index: 5;
}

#rightside {
width: 177px;
height: 100%; 
position: absolute; 
left: 0%;
margin-left: 546px; 
top:502px; 
z-index: 7;
}

/*don't edit this div!*/
#header {
width: 100%;
height: 539px; 
position: absolute; 
left: 0%;
margin-left:0px; 
top: 0px; 
z-index: 0;
} 
/*don't edit the div above!*/

</style>

<html>
<head>
<title>The Dark Lord Ascending.</TITLE>

</head>

<div id="content"> <h1>Avada Kadavra</h1> 
Anything you want here! Have fun! Leaving credit? That's recommended.<br>
<b>bolding</b> is the same as <u>underlining</u>, which is as swagger as <i>italicizing</i>.<br>
Don't remove credit, sweetheart.<br>
<br>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec tempus commodo fermentum. Nunc nec leo et sem pellentesque auctor id eget sem. Integer nec aliquet magna. Nam consectetur erat in leo consectetur suscipit. Proin mattis purus ante. Praesent quis turpis a nunc mollis mattis. Praesent velit ante, euismod at auctor ut, semper et justo. Nullam rhoncus libero ultrices nisi ultricies pulvinar in a leo. Integer neque lacus, feugiat bibendum dignissim id, consectetur mattis massa. Nullam ac ullamcorper arcu. Mauris auctor, erat non eleifend hendrerit, nisi tellus scelerisque lorem, et faucibus mi mi eget elit. Integer porta sapien at lorem accumsan malesuada. Aenean gravida viverra pretium. Sed ac enim massa. Etiam malesuada, turpis quis egestas pulvinar, odio nisi viverra sapien, ac sollicitudin diam nisl a sapien. Aliquam ac aliquam nunc. Ut tellus velit, sodales sed ullamcorper et, feugiat id lectus. Suspendisse vel molestie tellus. Quisque ut quam non ipsum scelerisque dignissim. <br>
<br>

Maecenas quis diam at tortor tincidunt sodales et a nunc. Ut luctus odio ac dolor eleifend sed placerat nunc pellentesque. Maecenas varius purus a nisl porttitor cursus. Nunc pretium quam eget velit pellentesque auctor. Vestibulum sit amet euismod risus. Nullam tincidunt, sapien et sollicitudin aliquam, ipsum mi molestie nunc, sed iaculis ante dui sit amet tortor. Quisque viverra blandit odio, sit amet adipiscing dolor hendrerit mollis. Donec gravida dictum risus et vehicula. Quisque aliquet lorem eu dui fringilla ac faucibus neque lacinia. Mauris quis quam ligula. Nullam convallis sem et nulla volutpat eget vestibulum leo adipiscing. Sed vehicula condimentum est et placerat. Ut aliquet faucibus tortor, sit amet adipiscing nibh tristique id. Proin non odio ac dui dictum ullamcorper eget ut velit. Nam congue accumsan mollis. Integer dignissim iaculis ultrices. In a risus metus. Nam iaculis diam ac neque placerat a interdum arcu vehicula. Integer vel urna ante. 
<br><br>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec tempus commodo fermentum. Nunc nec leo et sem pellentesque auctor id eget sem. Integer nec aliquet magna. Nam consectetur erat in leo consectetur suscipit. Proin mattis purus ante. Praesent quis turpis a nunc mollis mattis. Praesent velit ante, euismod at auctor ut, semper et justo. Nullam rhoncus libero ultrices nisi ultricies pulvinar in a leo. Integer neque lacus, feugiat bibendum dignissim id, consectetur mattis massa. Nullam ac ullamcorper arcu. Mauris auctor, erat non eleifend hendrerit, nisi tellus scelerisque lorem, et faucibus mi mi eget elit. Integer porta sapien at lorem accumsan malesuada. Aenean gravida viverra pretium. Sed ac enim massa. Etiam malesuada, turpis quis egestas pulvinar, odio nisi viverra sapien, ac sollicitudin diam nisl a sapien. Aliquam ac aliquam nunc. Ut tellus velit, sodales sed ullamcorper et, feugiat id lectus. Suspendisse vel molestie tellus. Quisque ut quam non ipsum scelerisque dignissim. <br>
<br>

Maecenas quis diam at tortor tincidunt sodales et a nunc. Ut luctus odio ac dolor eleifend sed placerat nunc pellentesque. Maecenas varius purus a nisl porttitor cursus. Nunc pretium quam eget velit pellentesque auctor. Vestibulum sit amet euismod risus. Nullam tincidunt, sapien et sollicitudin aliquam, ipsum mi molestie nunc, sed iaculis ante dui sit amet tortor. Quisque viverra blandit odio, sit amet adipiscing dolor hendrerit mollis. Donec gravida dictum risus et vehicula. Quisque aliquet lorem eu dui fringilla ac faucibus neque lacinia. Mauris quis quam ligula. Nullam convallis sem et nulla volutpat eget vestibulum leo adipiscing. Sed vehicula condimentum est et placerat. Ut aliquet faucibus tortor, sit amet adipiscing nibh tristique id. Proin non odio ac dui dictum ullamcorper eget ut velit. Nam congue accumsan mollis. Integer dignissim iaculis ultrices. In a risus metus. Nam iaculis diam ac neque placerat a interdum arcu vehicula. Integer vel urna ante. 
<br>

</div>

<div id="rightside"><h2>Header</h2> 
You can type whatever you want here, or put links to your navigation! Have fun!
You can type whatever you want here, or put links to your navigation! Have fun!
You can type whatever you want here, or put links to your navigation! Have fun!

<h2>Links</h2> 
<a href="LINK">Link</a><BR>
<a href="LINK">Link</a><BR>
<a href="LINK/">Link</a><BR>

<h2>Header</h2> 
You can type whatever you want here, or put links to your navigation! Have fun!
You can type whatever you want here, or put links to your navigation! Have fun!
You can type whatever you want here, or put links to your navigation! Have fun!

<h2>Credit</h2> 
Layout by <a href="http://island-bomb.com">Island Bomb!</a>

</div>

</body>
</html>