Explosion 1.0

Designer's Comments

Look carefully for specific instructions

My first submitted website layout. Actually, my first website layout ever. =D
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 forks go where the sun doesn't shine.

Layout Code

Copy and paste to Template HTML

Help

<html>
<head>
<title>Explosion 1.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:415px;
height:303px;
top:155px;
left:3px;
padding:0px;
overflow:auto;
z-index:2;}

h1{
background:url(http://cbimg9.com/layouts/08/07/29266aw.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>
</div>

Layout Comments

Showing latest 4 of 4 comments

Ahh, I was about to say the links got cut off... then I noticed the cool, glowing effect on the right side.. Does that make sense? Hah! I love that part, so neat!

By tehmiminator on Sep 29, 2008 12:14 am

LOVE (sorry, I think the comment got cut off)

By BlueCrystalBlaze on Jul 7, 2008 9:08 pm

The colors are

By BlueCrystalBlaze on Jul 7, 2008 9:08 pm

i love the colors and the background. i'm not too sure about the content area though. but overall, i like it.

By aaayotiffany on Jul 7, 2008 7:55 pm

Layout Details

Designer	Smarmosaur
Submitted on	Jul 7, 2008
Page views	9,375
Favorites	76
Comments	4
Reviewer	manny-the-dino
Approved on	Jul 7, 2008

Explosion 1.0

Designer's Comments

Layout Code

Layout Comments

Layout Details

Layout Colors

Layout Tags

Layout Tools

Layout Affiliates