Flyleaf 3

Designer's Comments

Look carefully for specific instructions

Hey enjoy this layout. PM me for permission if you want to edit this layout.

Under the section of Update(s), make sure the text don't overflow. I'm working on that to make it scroll

Layout Code

Copy and paste to Template HTML

Help

<html>
<head> 
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Integral For You</title>
<style>
body {
background:url("http://cbimg6.com/layouts/07/12/04/23619ab.png");
background-repeat: repeat-y;
background-color:#000;
margin : 0;
font-family : arial;
font-size : 11px;
color : #c0c0c0;
text-align : justify;
}

#footer {
clear : both;
}

b, strong {
color : #22c8fe;
}

i {
color : #22c8fe;
}

s, strike {
color : #22c8fe;
}

u {
color : #22c8fe;
}

td, tr {
color : #858585;
font-family : arial, sans-serif;
font-size : 11px;
}

a:link {
color : #22c8fe;
font-weight :normal;
text-decoration : none;
}

a:visited {
color : #22c8fe;
font-weight : normal;
text-decoration : none;
}

a:active {
color : #22c8fe;
font-weight : normal;
text-decoration : none;
}

a:hover {
color : #000;
font-weight : normal;
}

h1 {
color : #22c8fe;
font-family : arial;
font-size : 11px;
line-height : 11px;
font-weight : normal;
font-style : none;
background : #202020;
letter-spacing : 0;
text-align : left;
text-transform : uppercase;
margin-top : 0;
margin-bottom : 2px;
border-left : 0 solid #202020;
border-right : 0 solid #2fd91d;
border-top : 0 solid #e8e8e8;
border-bottom : 1px solid #22c8fe;
padding-top : 0;
padding-bottom : 0;
padding-left : 0;
padding-right : 0;
}

h2 {
color : #fff;
font-size : 11px;
line-height : 10px;
font-weight : normal;
background-color : #202020;
letter-spacing : 0;
font-family : arial;
text-align : left;
text-transform : uppercase;
margin-top : -2px;
margin-bottom : 3px;
border-left : 0 solid #fc7fc7;
border-right : 0 solid #fc7fc7;
border-top : 0 solid #fc7fc7;
border-bottom : 0 dashed #fd3c92;
padding-right : 3px;
padding-bottom : 2px;
padding-top : 1px;
}

textarea, input, submit, select, button, checkbox {
    font-family: Arial;
    font-size: 10px;
    color: #fd3c92;
    font-weight: normal;
    background-color: #dcdada;
    border:1px solid #fcf64a;}

blockquote {
color : #fff;
background : #202020;
font-size : 7.5pt;
text-align : justify;
border-bottom : px solid #fd3c92;
border-right : px solid #fd3c92;
border-top : px solid #fd3c92;
border-left : 7px solid #22c8fe;
padding : 6px;
}

div.content {
background : #121212;
padding : 4px;
margin-top : 0;
margin-left : 0;
margin-right : 0;
margin-bottom : 10px;
text-align : justify;
}

div.content2 {
background : #121212;
padding : 4px;
margin-top : 0;
margin-left : 0;
margin-right : 0;
margin-bottom : 10px;
text-align : justify;
}

div.content3 {
background : transparent;
padding : 4px;
margin-top : 0;
margin-left : 0;
margin-right : 0;
margin-bottom : 10px;
text-align : justify;
}

#navigation {
margin : 0;
padding : 0;
list-style-type : none;
}

#navigation li {
margin-bottom : 0;
}

#navigation a {
font-family : arial;
font-size : 10px;
line-height:8px;
text-transform : uppercase;
background-color: #000;
font-weight : normal;
text-align : left;
letter-spacing : 1px;
color : #fd3c92;
display : block;
width: 150;
padding : 5px;
border-right : 0px solid #fcf64a;
}

#navigation a:visited {
color : #fff;
text-decoration : none;
}

#navigation a:hover {

color : #fff;
text-decoration : none;
background-color: #22c8fe;
border-right: 0px solid #fd3c92;
}

.border {
border : 0 solid #8e1181;
padding : 3px;
margin : 2px;
background : #f6eef6;
}
</style>
</head>
<body>

<div style="position:absolute; width:270;  top:170; left:560" height:100; overflow:auto;z-index:2; background-color: transparent">
<div class="content3">
blah blah blah blah blah blah blah blah blah blah blah blah
blah blah blah blah blah blah blah blah blah blah blah blah.
blah blah blah blah blah blah blah blah blah blah blah blah
blah blah blah blah blah blah blah blah blah blah blah blah.
blah blah blah blah blah blah blah blah blah blah blah blah
blah blah blah blah blah blah blah blah blah blah blah blah.
blah blah blah blah blah blah blah blah blah blah blah blah
blah blah blah blah blah blah blah blah blah blah blah blah.
blah blah blah blah blah blah blah blah blah blah blah blah
blah blah blah blah blah blah blah blah blah blah blah blah.
blah blah blah blah blah blah blah blah blah blah blah blah
blah blah blah blah blah blah blah blah blah blah blah blah.

</div>
</div>

<div class="content">
<h2>Header</h2>
blah blah blah blah blah blah blah blah blah blah blah blah
blah blah blah blah blah blah blah blah blah blah blah blah.
</div>

<div class="content">
<h2>Navigation</h2>
<ul id="navigation">
<li><a href="">Link</a></li>
<li><a href="">Link</a></li>
<li><a href="">Link</a></li>

<div class="content">
<h2>Credit</h2>
<a href="http://1angel3.createblog.com/layouts/">1angel3 @ cB</a><br />
</div>
</div>

<div class="content2">
<h1>Welcome</h1>
<p>This is a Flyleaf layout. This layout was made in paintshop pro 9 and coded by <b>Naomi</b> of <a href="http://ify.emotionaltears.net">Integral for you</a>. Also if you use this layout, you must keep credits visible, sorry but you didn't make it.</p>
<br />
<br />
<blockquote>This is what a blockquots look like</blockquote>
</div>

<div class="content2">
<h1>Welcome</h1>
<p>Blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah</p>
</div>

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

Layout Comments

Showing latest 10 of 11 comments

USINGGG.

By RetroRay on Aug 4, 2008 2:54 am

i love this. this layout rocks. i am a big flyleaf fan!

By time1 on Jul 14, 2008 3:00 pm

By 2gethergirl05 on Apr 15, 2008 10:52 pm

WOOOH i love fly leaf
awesome.. if i could rate on this its would be 5/5 :)

By Mara-roscoe on Jan 4, 2008 10:53 pm

I'm not a huge fan of Flyleaf, but I love this.
The colors and the picture are gorgeous :]

By GoneFishing on Dec 6, 2007 4:53 pm

I
LOVE
FLYLEAF!
ITS AN AMZAING LAYOUT!

By SensationalxBeauty on Dec 5, 2007 8:43 pm

yeah; the image quality is a little funky but everything else is amazing.

By nearthetide on Dec 5, 2007 1:13 am

It is a little blurry.Looks great, too bad it's only for websites though.good band.

By Marlons on Dec 4, 2007 11:39 pm

ACK!

i love Flyleaf!

thank you for this.

it's beautiful.

By Mertosai on Dec 4, 2007 11:34 pm

Dunno who they are...
But LOVE the colours, haha.
And yeah, this is bloody gorgeous!
But the picture looks a bit blurry to me though, haha. Maybe it's just me? =P
Still, fantastic job!

By DelicateLove on Dec 4, 2007 11:11 pm

View all »

Layout Details

Designer	1angel3
Submitted on	Dec 4, 2007
Page views	8,422
Favorites	30
Comments	11
Reviewer	sweetasphyxia
Approved on	Dec 4, 2007

Flyleaf 3

Designer's Comments

Layout Code

Layout Comments

Layout Details

Layout Colors

Layout Tags

Layout Tools

Layout Affiliates