Flyleaf 2

Designer's Comments

Look carefully for specific instructions

Enjoy this layout. Please keep credits visible.

Layout Code

Copy and paste to Template HTML

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html> 
<head>
<title>layout by Integral For You</title>
<style type="text/css">
body {
background: url("");
background-color: #000;
margin: 0px 0;
font-family: trebuchet ms, sans serif;
font-size: 11px;
color: #333333;
text-align: justify;
line-height: 11px;
}

#container1 {
width: 646px;
margin: 0 auto;
padding: 0px;
background-repeat: repeat-y;
background: url("http://cbimg6.com/layouts/07/07/30/20144ab.png");
}
#container2 {
width: 646px;
margin-top: 3px;
margin-left: 3px;
margin-right: 0;
padding: 5px;
}
#container3 {
width: 646px;
margin-top: 3px;
margin-left: 1px;
margin-right: 20px;
padding: 5px;
}
#hmenu {
width: 646px;
margin-top: 0px;
margin-left: 6px;
margin-right: 0;
padding: 5px;
}
#header {
background: #ffffff;
width: 100%;
height: 30px;
padding-top: 7px;
font-size: 20px;
}
#content {
background: transparent;
float: left;
width: 460px;
text-align: left;
}
#menu {
background: transparent;
float: left;
width: 170px
}
#footer {
clear: both;
}

b, strong {
color: #136d00;
}

i {
color: #000000;
}

s {
color: #ff9bc1;
}

u {
color: #ff5e9b; 
}

td, tr
{
color: #858585;
font-family: arial,sans-serif;
font-size: 11px;
}
a:link {
color: #136d00; 
font-weight: normal;
text-decoration: none;
}
a:visited {
color: #000;
font-weight: normal;
text-decoration: none;
}
a:active {
color: #000;
font-weight: normal;
text-decoration: none;
}
a:hover {
color: #000;
font-weight: normal;
text-decoration: none;
}
h1 {
color: #000;
font-size: 13px;
line-height: 14px;
font-weight: normal;
background-color:#818206;
letter-spacing: 0px;
font-family: verdana, sans serif;
text-align: left;
text-transform: none;
margin-top: 0px;
margin-bottom: 2px; 
border-left: 0px solid #e8e8e8;
border-right: 0px solid #e8e8e8;
border-bottom: 0px solid #fd267d;	
padding-top: 0px;
padding-bottom: 0px;
padding-left: 4px;
padding-right: 0px;
}
h2 {
color: #000;
font-size: 10px;
line-height: 10px;
font-weight: normal;
background-color: #136d00;
letter-spacing:0px;
font-family: verdana,sans-serif;
text-align: left;
text-transform: none;
margin-top: -2px;
margin-bottom: 3px; 
border-left: 4px solid #003100;
border-right: 0px solid #e2e2e2;
border-top: 0px solid #e2e2e2;
border-bottom: 0px solid #e2e2e2;
padding-left: 6px;	
padding-bottom: 2px;
padding-top: 1px;
}
h3 {
color: #fff;
background-color:#958f47;
font-size: 5pt;
line-height: 7px;
font-family: small fonts;
font-weight: normal;
letter-spacing:0px;
text-align: right;
margin-top: -2px;
margin-bottom: 2px; 
margin-left: 0px;
margin-right: 0px;
border-left: 1px solid #907c00;
border-right: 1px solid #907c00;
border-top: 0px solid #907c00;
border-bottom: 1px solid #907c00;	
padding-left: 0px;
padding-top: 0px;
padding-bottom: 1px;
padding-right: 3px;
text-transform: uppercase;
}
blockquote { 
color: #fd267d;
background-color: #fff;
font-size: 10pt;
text-align: justify; 
border-bottom : 1px solid #c0c0c0;
border-top : 1px solid #c0c0c0;
border-right : 1px solid #c0c0c0;
border-left : 7px solid #f1f1f1;
padding: 6px;
}
input, submit, textarea {
font-family: arial,sans-serif;
font-size: 11px;
color: #1b1b1b;
background-color: #f9f9f9;
border: 1px solid #ff9bc1;
}
div.content {
background : #f1f1f1;
padding : 4px;
margin-top : 0;
margin-left : 0;
margin-right : 0;
margin-bottom : 10px;
text-align : justify;
border : 1px solid #c0c0c0;
}
div.content1 {
background : transparent;
padding : 4px;
margin-top : 0;
margin-left : 0;
margin-right : 0;
margin-bottom : 10px;
text-align : justify;
}
#navigation3 {
   list-style: none;
   margin: 0; padding: 0;
}
#navigation3 li {
   float: left;
}
#navigation3 li a {
   font-family: arial,sans-serif;
   font-size: 9px;
   text-transform: uppercase;
   display: block;
   background: #000;
   width: 125px;
   text-align: center;
   color: #fff;
   padding: 1px 0;
}
#navigation3 li a:hover {
   background: #000;
   color: #818206;
}
</style> 
</head> 
<body> 
<div id="container1">

<div id="hmenu">
<ul id="navigation3">
<li><a href="">Home</a></li>
<li><a href="">About Me</a></li>
<li><a href="">Site Info</a></li>
<li><a href="">Visitor content</a></li>
<li><a href="">Guestbook</a></li>
</ul>
</div>
 
<div id="container2">
	<div id="menu">
<br />
<div class="content">
<h2>Header</h2>
<h3>Sub header</h3>
<p>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</p>
</div>
<br />

<div class="content">
<h2>Header</h2>
<h3>Sub header</h3>
<p>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</p>
</div>
<br />

<div class="content">
<h2>Credit</h2>
<h3>Keep here</h3>
<a href="http://ify.emotionaltears.net">Integral For You</a><br />
</div>
</div>

<div id="content">
<div class="content1">
<h1>About Layout</h1>
<p>This is a Flyleaf layout. Also if you use this layout, you must keep credits visible, sorry but you didn't make it.</p>
<br />

</div>

</div>
</body> 
</html>

Layout Comments

Showing latest 3 of 3 comments

i love this, it reminds me of something you would see on wordpress :]

By IVIike on Jul 31, 2007 10:55 am

this is really cool :)

By gabieANARCHY on Jul 31, 2007 4:51 am

OoH! Naomi! That looks good!

By YourSuperior on Jul 31, 2007 1:32 am

Layout Details

Designer	1angel3
Submitted on	Jul 30, 2007
Page views	7,746
Favorites	19
Comments	3
Reviewer	karmakiller
Approved on	Jul 30, 2007

Flyleaf 2

Designer's Comments

Layout Code

Layout Comments

Layout Details

Layout Tags

Layout Tools

Layout Affiliates