Windblown

Website Templates / 2 Columns

Designer's Comments

Look carefully for specific instructions

I don't even know why it's called windblown... Maybe the hair?

Layout Code

Copy and paste to Template HTML

Help

<html>

<head>
<title>TITLE HERE</title>
<style>
body {
margin: 0px 0px 0px 0px; 
background: url('http://cbimg6.com/layouts/09/09/35683aa.png') #FAF7EE top left repeat-y;
}
p, td, tr, body {
font-family: times; 
font-size: 9pt; 
color: #718e72; 
text-align: left; 
letter-spacing: 1px;
}

p {
text-indent: 15px; 
margin-bottom: 5px;
}

b {
color: #000000; 
border-bottom: 1px dashed #718e72;
}

i, u, s {
color: #984242; 
border-bottom: 1px dashed #000000;
}

a:link, a:visited {
text-decoration: none; 
font-family: century gothic; 
font-size: 8pt; 
color: #718e72; 
font-style: italic; 
letter-spacing: 1px;
}

a:active, a:hover {
text-decoration: none; 
font-family: century gothic; 
font-size: 8pt; 
color: #718e72; 
font-style: italic; 
letter-spacing: 1px;
border-bottom: 1px dashed #718e72;
}

.head {
font-family: century gothic; 
font-size: 11pt; 
color: #718e72; 
text-align: left; 
letter-spacing: 2px; 
text-indent: 30px; 
margin-bottom: 5px;
border-bottom: 1px dashed #718e72;
}

#content {
position: absolute; 
top: 210px; 
left: 240px; 
width: 450px; 
z-index: 4;
}

#img {
position: absolute; 
top: 0px; 
left: 0px; 
width: 241px; 
height: 396px; 
background: url('http://cbimg6.com/layouts/09/09/35683ab.png') top left no-repeat; 
z-index: 1;
}

#nav {
position: absolute; 
top: 280px; 
left: 113px; 
width: 120px; 
z-index: 3;
}

#nav a, #nav a:link, #nav a:visited {
text-decoration: none; 
font-family: times; 
font-size: 10pt; 
color: #718e72; 
font-weight: normal; 
font-style: normal; 
text-align: left; 
letter-spacing: 2px; 
line-height: 19px; 
display: block;
}

#nav a:active, #nav a:hover {
text-decoration: none; 
font-family: times; 
font-size: 10pt; 
color: #718e72; 
font-weight: normal; 
font-style: normal; 
text-align: left; 
letter-spacing: 2px; 
line-height: 19px; 
background: url('http://cbimg6.com/layouts/09/09/35683ac.jpg') right no-repeat; 
display: block;
}

#nav .head {
text-indent: 0px;
}

#subtitle {
position: absolute; 
top: 155px; 
left: 260px; 
z-index: 3; 
font-family: century gothic; 
font-size: 11pt; 
color: #718e72; 
font-style: italic; 
letter-spacing: 2px;
}

#title {
position: absolute; 
top: 95px; 
left: 190px; 
z-index: 2; 
font-family: times; 
font-size: 35pt; 
color: #718e72; 
font-weight: bold; 
text-align: left; 
letter-spacing: 2px; 
font-variant: small-caps;
}

#title:first-letter {
font-size: 45pt; 
color: #718e72; 
font-style: italic;
}
</style>

<div id="img"></div>
<div id="title">Site Title Here

</div>
<div id="subtitle">Your awsome tagline

</div>
<div id="nav">

<p class="head">Navi</p>
<a href="link.html">Link Here</a>
<a href="link.html">Link Here</a>
<a href="link.html">Link Here</a>
<a href="link.html">Link Here</a>
<p class="head">Header</p>
TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT 
<p class="head">Header</p>
TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT 
<p class="head">Header</p>
TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT 
</div>
<div id="content">

<p class="head">Whoa</p>
Lemme say this! I love this layout but... it's just not my favorite. I wanted it to be my site layout but it didn't end up like that. 
<p class="head">Header</p>
TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT 
<p class="head">Header</p>
TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT 
<p class="head">Header</p>
TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT 
<p class="head">Header</p>
TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT 
<p class="head">Header</p>
TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT 
<p class="head">Header</p>
TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT 
<p class="head">Header</p>
TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT 
<p class="head">credits</p>
<center>
Content © You<br>
Layout © <a href="http://x-one2three.createblog.com" target="blank">X-one2three</a>

</div></center>

</body>

</html>

Layout Comments

No comments yet. Be the first one to comment!

Layout Details

Designer	x-one2three
Submitted on	Sep 8, 2009
Page views	5,646
Favorites	9
Comments	0
Reviewer	elletricity
Approved on	Sep 9, 2009

Windblown

Designer's Comments

Layout Code

Layout Comments

Layout Details

Layout Colors

Layout Tags

Layout Tools

Layout Affiliates