harmless combustion

This was originally gonna be my version four but... I got sorta stuck on this one and I wanted something more -BAM!- so yeah. Anyways, um... I'm actually REALLY REALLY proud of the graphics in this layout. And THANKS ALOT TO SPENCER now the codings are spiffy. She was the one to come up with the header inspirations and links effect. I credit alot to her so THANKS SO MUCH! (go visit her when you have the time -- she has an AWESOME site)

THIS LAYOUT WORKS BOTH ON IE AND FIREFOX

header one

normal font link
bold italic underline ~~strikeout~~

<html> <head>  <style type="text/css"> body {font-family: century gothic;font-size: 9px;color: #666666;background-color: #000000; margin: 0px; padding: 0px; background-image: url(http://i296.photobucket.com/albums/mm181/pinkSUITE/explosion-bg.png); background-repeat: repeat;} .explosion { background-image: url(http://i296.photobucket.com/albums/mm181/pinkSUITE/explosion.png);position: absolute; z-index: 1; height: 600px; width: 800px;top:0px; left:0px;} .main {position:absolute; left:510px; top:431px; width:256px; height:184px; z-index:2; background: none;} .side {position:absolute;left:357px;top:448px;width:144px;height:382px;z-index:3;background: none} h1 {letter-spacing: 3px;font-family: century gothic; font-size: 10px;color: #ffb000; text-align: left; border-bottom: 2px solid #313535;text-transform:uppercase;text-style:normal;} h2 {font-family: century gothic;font-size: 10px;color: #313535; border-bottom: 1px solid #DC8100; text-align:right;letter-spacing:3px;text-transform:uppercase;text-style:normal;} a:link, a:visited { font-family: arial;font-size: 7.5pt;color: #8f322b; border-bottom: none; text-decoration: none; font-weight: bold;} a:hover {font-family: arial;font-size: 7.5pt;color: #db1d57; border-bottom: 2px solid #ffffff;} a.sider, a.sider:active, a.sider:visited {text-decoration: none;font-family: georgia;color: 4f9378;text-transform: uppercase;font-size: 7pt;border-bottom: none;letter-spacing: 0px;font-weight: 0;text-transform:uppercase;} a.sider:hover {color: 46cc96; font-family: georgia; font:-size: 7pt; border-bottom: none; text-transform: uppercase;} b {font-family: Georgia;color: #FFFFFF;} i {color: #9ad5cf; font-family: georgia;} u {color: #e19127;border-bottom-width: 2px;border-bottom-style: solid;border-bottom-color: #cccccc;} s { color: #3a9173;} em {color: #9ad5cf; font-family: georgia;} strong {font-family: Georgia;color: #FFFFFF;} textarea {background:black; border: 1px solid #000000;font-family: "century gothic";font-size: 9px;color: #333333;width:150px;height:30px;} </style> </head> <div id="Layer1" class="explosion"></div>   <div id="Layer2" class="MAIN"> <h1>UPDATES</h1> <p align="left"><b>date:</b> THE DATE TODAY<br> <b>update:</b> LATEST UPDATE<br> <p>CONTENT HERE CONTENT HERE CONTENT HERE CONTENT HERE CONTENT HERE CONTENT HERE CONTENT HERE CONTENT HERE CONTENT HERE CONTENT HERE CONTENT HERE CONTENT HERE CONTENT HERE CONTENT HERE CONTENT HERE</p> <h1>CREATIONS</h1> <p><b>title:</b> STORY TITLE HERE<br> <b>status:</b> ACTIVE/ HIATUS/ FINISHED<br> <b>summary:</b> WHAT IT IS ABOUT</p> <p><b>title:</b> STORY TITLE HERE<br> <b>status:</b> ACTIVE/ HIATUS/ FINISHED<br> <b>summary:</b> WHAT IT IS ABOUT</p> <p><b>title:</b> STORY TITLE HERE<br> <b>status:</b> ACTIVE/ HIATUS/ FINISHED<br> <b>summary:</b> WHAT IT IS ABOUT</p> <h1>HEADER</h1> <p>CONTENT HERE CONTENT HERE CONTENT HERE CONTENT HERE CONTENT HERE CONTENT HERE CONTENT HERE CONTENT HERE CONTENT HERE CONTENT HERE CONTENT HERE CONTENT HERE CONTENT HERE CONTENT HERE CONTENT HERE CONTENT HERE CONTENT HERE CONTENT HERE</p> </div> <div id="Layer3" class="SIDE"> <h2>ABOUT</h2> <p><b>name:</b> YOUR NAME <br> <b>began:</b> DATE OF BIRTHDAY {DO NOT NEED TO INCLUDE YEAR IF YOU DON'T WANT TO}<br> <b>likes:</b> SOMETHINGS YOU LOVE<br> <b>dislikes:</b> SOMETHINGS YOU HATE <p> ANYTHING ELSE YOU WANT TO SAY ABOUT YOURSELF </p>  <h2>FRIENDS</h2> <p align="left"> <a href="http://" class="sider">friend</a> <br> <a href="http://" class="sider">friend</a> <br> <a href="http://" class="sider">friend</a> <br> <a href="http://" class="sider">friend</a> <br> <a href="http://" class="sider">friend</a> <br> </p> <h2>cbox</h2> <p>  <h2>CREDITS</h2> <p align="left"> design by <a href="http://ps.dumb-intelligence.net/" target="_blank">pinksuite</a><br>coding help by <a href="http://skylineillusions.net" target="_blank">skyline illusions</a><br> content by YOUR USERNAME </p> </div> </body> </html>

skyline illusions skyline illusions skyline illusions go visit!

harmless combustion

header one

brainwaves

buddie list

header two

credits