White Stripes

Website Templates / 2 Columns

Designer's Comments

Look carefully for specific instructions

Enjoy layout don't claim as your own.

Layout Code

Copy and paste to Template HTML

Help

<html>
<head>
<title>White Stripes</title>
<style>
body, p, td { font-family: verdana; font-size:12px;  color:#fff;

}

A:link {color: #fc0000; text-decoration:none; cursor: help;}  
A:visited {color:#fc0000; text-decoration:none; cursor:help;}           
A:active {color:#fc0000; text-decoration:none; cursor:help;}         
A:hover{ color: #fff; background-color:#000; text-decoration:none; cursor:help; }

.NAVLINK:LINK  {FONT-FAMILY: CENTURY GOTHIC; FONT-SIZE: 10PX; COLOR: #fff; DISPLAY: BLOCK; WIDTH: 100%; BACKGROUND-COLOR: #000; TEXT-ALIGN: left; border-right: 7px solid #fff; }

.NAVLINK:ACTIVE {FONT-FAMILY: CENTURY GOTHIC; FONT-SIZE: 10PX; COLOR: #fff; DISPLAY: BLOCK; WIDTH: 100%; BACKGROUND-COLOR: #000; TEXT-ALIGN: CENTER; border-right: 7px solid #fff; }

.NAVLINK:VISITED {FONT-FAMILY: CENTURY GOTHIC; FONT-SIZE: 10PX; COLOR: #fff; DISPLAY: BLOCK; WIDTH: 100%; BACKGROUND-COLOR: #000; TEXT-ALIGN: CENTER; border-right: 7px solid #fff; }

.NAVLINK:HOVER{FONT-FAMILY: CENTURY GOTHIC; FONT-SIZE: 10PX;  COLOR: #000; DISPLAY: BLOCK; WIDTH: 100%; BACKGROUND-COLOR: #fc0000; TEXT-ALIGN: CENTER; border-right: 7px solid #fff; }

A:LINK IMG, A:VISITED IMG {FILTER: NONE; BORDER: 0PX; }

h1 {
color: #fff;
font-size: 13px;
line-height: 14px;
font-weight: normal;
background-color: #fc0000;
letter-spacing:0px;
font-family: verdana,sans-serif;
text-align: left;
text-transform: none;
margin-top: -2px;
margin-bottom: 3px; 
border-left: 0px solid #3297b7;
border-right: 7px solid #fff;
border-top: 0px solid #3297b7;
border-bottom: 1px dashed #fff;
padding-left: 6px;	
padding-bottom: 2px;
padding-top: 1px;
}

h2 {
color: #fc0000;
font-size: 10px;
line-height: 10px;
font-weight: normal;
background-color: #fff;
letter-spacing:0px;
font-family: verdana,sans-serif;
text-align: left;
text-transform: none;
margin-top: -2px;
margin-bottom: 3px; 
border-bottom: 1px dashed #fc0000;
border-right: -px solid #e2e2e2;
border-top: 0px solid #e2e2e2;
padding-left: 6px;	
padding-bottom: 2px;
padding-top: 1px;
}

h3 {
color: #fc0000;
font-size: 10px;
line-height: 10px;
font-weight: normal;
background-color: #000;
letter-spacing:0px;
font-family: verdana,sans-serif;
text-align: right;
text-transform: none;
margin-top: -2px;
margin-bottom: 3px; 
border-left: 0px solid #3297b7;
border-right: 7px solid #fff;
border-top: 0px solid #3297b7;
border-bottom: 0px dashed #3297b7;
padding-left: 6px;	
padding-bottom: 2px;
padding-top: 1px;
}

b{color:#fc0000;}
u{color:#000;}
i{color:#000;}
</style>

</head>
<body bgcolor="#ffffff" topmargin="0" leftmargin="0" background="http://img444.imageshack.us/img444/294/02fn7.png" style="background-repeat:repeat-y;">
<img src="http://cbimg9.com/layouts/07/07/20/19724aa.png" border"0">
<div style="position:absolute; top:530px; left:530px; width:460px; z-index:2;">

<h1>About Layout</h1>
<h3>sub header</h3>
This layout was made in paintshop pro 9 and coded in Notepad by <b>Naomi</b> of <a href="http://kissmebeautiful.innocentheart.net/">KissMebeautiful</a>. All credits must be visible at all times.
<br />
<br />
</div>

<div style="position:absolute; top:410px; left:250px; width:220px; z-index:2;">
<h2>header</h2>
blah blah blah blah blah blah blah blah blah blah blah blah blah haha blah blah blah sexy fun :) blah blah blah blah blah. THE END
<br />
<br />
<h2>Navigation</h2>
<A href="http://" class="navlink">Home</A>
<A href="http://" class="navlink">Site</A>
<A href="http://" class="navlink">About me</A>
<A href="http://" class="navlink">visitor content</A>
<br />
<h2>Header</h2>
<a href="http://" class="navlink">Link</a>
<a href="http://" class="navlink">Link</a>
<a href="http://" class="navlink">Link</a>
<br />
<h2>Credits</h2>
<a href="http://ify.emotionaltears.net/" class="navlink">Layout by: Integral For You</a>
<a href="http://redcandycane.wordpress.com/" class="navlink">Red Candy Cane</a><br>
<br>
<br>
<br>
</div>
</body>
</html>

Layout Comments

Showing latest 10 of 14 comments

I love this :), white stripes, colors, everything wrapped up in its gorgeousness.

By monstrum on Mar 23, 2008 7:58 pm

Nice job Naomi!

By YourSuperior on Jul 29, 2007 10:22 pm

my lord this is awesome. i love the white stripes.. ICKY THUMP! :)

By gabieANARCHY on Jul 21, 2007 11:00 pm

Yeah the contant area do suck. I may redo it.

By 1angel3 on Jul 21, 2007 5:57 pm

The banner looks awesome, but the content area looks horrible and amateurish. Try to implement or extend some parts of the header to better suit the content area.

By markmejia on Jul 21, 2007 4:56 pm