Explosion 2.0

Designer's Comments

Look carefully for specific instructions

Another one of the first layouts on my website.
I know it's a little iffy, so go ahead and edit to your likes/needs, as long as you keep my credit.

If you want the links customized (different words), you can either contact me through PM or my website. Or, click here to download the simplified PSD. This PSD will only allow you to change the links, and no other elements.

And of course, no jocking/taking off credit, or spoons go up your nose.

Layout Code

Copy and paste to Template HTML

Help

<html>
<head>
<title>Explosion 2.0</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
</head>
<body>
<style type="text/css">
body{
background-color:#707070;
_background-color:#646464;
font-size:9;
font-family:verdana;}

#imagemap{
position:absolute;
left:0px;
top:0px;
z-index:1;}

#content{
position:absolute;
font-size:9;
font-family:verdana;
width:508px;
height:303px;
top:155px;
left:3px;
padding:0px;
overflow:auto;
z-index:2;}

h1{
background:url(
http://cbimg9.com/layouts/08/07/29222aw.png);
background-position:bottom left;
background-repeat: no-repeat;
margin-left: -5px;
margin-bottom:1px;
margin-top:0px;
padding-left:8px;
font-size:19px;
font-family:verdana;
line-height:24px;
font-weight:lighter;
width:403px;
height:24px;}

#copyright{
position:absolute;
font-size:9;
font-family:verdana;
bottom:3px;
left:3px;
z-index:3;}

A:link{
font-size:9;
font-family:verdana;
color:#2587ba;}

A:visited{
font-size:9;
font-family:verdana;
color:#2587ba;}

A:active{
font-size:9;
font-family:verdana;
color:#00ba1a;}

A:hover{
font-size:11;
font-family:verdana;
color:#970000;}

b{
font-size:9;
font-family:verdana;
font-weight:bold;
color:#000000;}

u{
font-size:9;
font-family:verdana;
color:#2587ba;}

i{
font-size:9;
font-family:verdana;
font-style:italic;
color:#2587ba;}
</style>

<div id="content">
<h1>Header 1</h1>
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi.<br><br>
<h1>Header 1</h1>
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi.<br><br>
<h1>Header 1</h1>
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi.
</div>