storm

Designer's Comments

Look carefully for specific instructions

Yea second layout if ya like this layout comment or go to hypn0tik designs

Layout Code

Copy and paste to Template HTML

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>.storm. made by hypn0tik designs</title>
<style type="text/css">body
{background-color:#000000;
font-family:Georgia;
font-size:11px;
color:#ffffff;}

#image
{
	position: absolute;
	left: 218px;
	top: 8px;
	width: 333px;
	height: 696px;
	border:#FFFFFF;
}

#content

{
	position:absolute;
	left: 221px;
	right: 351px;
	width:356px;
	height:701px;
	top: 332px;
}
  
#navi
{
	position: absolute;
	left: 588px;
	top: 333px;
	width: 179px;
	height: 566px;
}

h1 
{
color: #ffffff;
font-size: 13px;
line-height: 13px;
font-weight: bold;
background-color: #5a6262;
letter-spacing:0px;
font-family:Georgia;
text-align: left;
margin-top:-2px;
margin-bottom: 4px; 
border-left: 5px solid #a3b2b2;
padding-left: 2px;
padding-top: 1px;
padding-bottom: 0px;}

h2 
{
color: #ffffff;
font-size: 13px;
line-height: 13px;
font-weight: bold;
background-color: #a3b2b2;
letter-spacing:0px;
font-family:Georgia;
text-align: left;
margin-top:-2px;
margin-bottom: 4px; 
border-left: 5px solid #5a6262;
padding-left: 2px;
padding-top: 1px;
padding-bottom: 0px;}

A:link {color:#a3b2b2;
text-decoration:underline;}
A:visited {color:#a3b2b2;
border-bottom:#a3b2b2 1px dashed;}
A:active {color:#a3b2b2;
font-weight:bold;}

a:hover     
{
color:#a3b2b2;
border-bottom:#513634 1px dashed;}

.nav:link, .nav:active, .nav:visited
{
   	width: auto;
   	display: block;
   	background-color: #a3b2b2;
   	color: #ffffff;
   	font: 5pt  georgia, Trebuchet MS, Lucida Grande, arial;
   	text-transform: uppercase;
   	text-decoration: none;
   	text-align: left;
   	letter-spacing: 5pt;
   	padding: 4px 1px 4px 6px;
   	border-left: 5px solid #5a6262;
   	border-top: 0px solid transparent;}

.nav:hover
{
   	color: #402F22;
   	padding: 4px 1px 4px 6px;
   	background-color: #F8F9FC;
   	border-left: 5px solid #a3b2b2;
   	border-bottom: 1px dotted #a3b2b2;
   	border-top: 0px solid transparent;}
/**© ana recinos/hypn0tik.sittingonair.com**/
</style>
</head>

<body><div id="image"><img src="http://cbimg6.com/layouts/07/06/18/18538aa.jpg" width="550" height="319" /></div>
<div id="content">
  <h2>about the layout</h2></p>
  <p> This layout was made in Photoshop CS2 and coded in Dreamweaver and notedpad. The image is from <a href="http://sxc.hu/" target="_new">Stock.XCHNG</a> its a DIVIDER layout. So thats about it. Hope you enjoy it, and if you use it drop a comment! Or visit  <a href="http://hypn0tik.sittingonair.com/index.php" target="_parent">hypn0tik designs</a> !  </p>
  <p>  </p>
</div>
<div id="navi">
<h1>about you</h1>
<p>text text text text text text
  text text text text text text
  text text text text text text
  
  text text text text text text text text text text text text text text text text text text text text text text</p>
<h1>navi</h1>
<p><a class="nav" href="#">link</a>
<a class="nav" href="#">link</a>
<a class="nav" href="#">link</a>
<a class="nav" href="#">link</a>
<a class="nav" href="#">link</a>

<h1>layout credits</h1>

<p>© <a href="http://hypn0tik.sittingonair.com/index.php" target="_parent">hypn0tik designs</a>  </p>
<p>image credits: <a href="http://sxc.hu/" target="_parent">Stock.XCHNG</a>
</p>
</div>
</body>
</html>

Layout Comments

Showing latest 8 of 8 comments

awesome image

By IVIike on Sep 16, 2007 3:45 pm

yeah so does this work on freewebs?
cuz it says CSS on it and it wont allow this HTML....is there a way to change it to CSS?

By Imichelle on Aug 6, 2007 3:41 pm

Yeah, im kinda new to this, if you could reply back to me telling me like where to put this, that would be great, does it go in header or footer html?

By Matdevineislove on Jul 11, 2007 2:42 am

This is a great layout - it's plain and simple, yet moving.

By VonGuzi on Jul 1, 2007 12:13 am

I love the navi-links ;)

By shiruji on Jun 22, 2007 10:53 am

well...i will be soon...i mean.

By magic1 on Jun 21, 2007 5:40 pm

just letting you know I'm using this...it's awesome! here www.freewebs.com/calmbeforesto rm

;D

By magic1 on Jun 21, 2007 5:35 pm

Love it so much!!!!!!!Might be using:)
Great Job!!

By Amaranthus on Jun 18, 2007 2:32 pm

Layout Details

Designer	chiriki
Submitted on	Jun 17, 2007
Page views	16,906
Favorites	60
Comments	8
Reviewer	brownsugar
Approved on	Jun 18, 2007

storm

Designer's Comments

Layout Code

Layout Comments

Layout Details

Layout Tags

Layout Tools

Layout Affiliates