Flyleaf

Designer's Comments

Look carefully for specific instructions

enjoy the layout, keep credits visible, DON"T JOCK MY CSS

Layout Code

Copy and paste to Template HTML

<html>
<head>
<title>Flyleaf by Integral For You</title>
<style>
body {background-color: #b9b9b9;
font-family:arial;
font-size: 12px;}

#layout {position:absolute;
top:0px;
left:0px;}

.small {
background-color: #fff;
border: 2px solid #fff;
width:130px;
overflow:auto;}

#big {position:absolute;
width:350px;
border-right: 7px solid #979797;
border-left: 2px solid #fff;
top:396px;
background-color: #fff;
left:4px;
overflow:auto;}

.smalltitle {
background-color: #fff;
border-right: 7px solid #979797;
color: #36d8f5;
font-size: 10px;
text-transform:uppercase;
text-align:left;
font-weight:normal;}

.main {
background-color: #fff;
border-bottom: 1px dashed #36d8f5;
font-size: 13px;
color: #fd3c92;
text-transform:uppercase;
text-align:left;
}
#left {
position:absolute;
top:300px;
left:370px;
overflow:auto;
}
#navigation {
display:block;
color:a3a3a3;
height:24px;
line-height:18px;
font-family:century gothic;
font-size:18pt;
border-right: 7px solid #979797;
letter-spacing:-3px;
background-color:f5f5f5;
}
a.nav:visited {
display:block;
font-size:9px;
font-family:arial;
color:a3a3a3;
background-color:FFFFFF;
border-right: 7px solid #979797;
text-decoration:none;
}
a.nav:hover, a.nav:active {
display:block;
font-size:9px;
font-family:arial;
color:#36d8f5;
background-color:f8f8f8;
border-right: 7px solid #fd3c92;
text-indent:15px;
text-decoration:none;
cursor:default;
}

a:link {text-decoration:none;
font-size: 8pt;
color: #000;
}
a:visited {text-decoration:none;
font-size: 8pt;
color: #000;
}
a:hover {
color: #979797;
font-weight: normal;
text-decoration: none;}

b, strong {
color: #36d8f5;
}

i {
color: #000000;
}

s {
color: #ff9bc1;
}

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

</head>
<body>
<div id="layout">
<img src="http://cbimg6.com/layouts/07/06/15/18449aa.png">
</div>
<div id="left">
<div class="small">
<div class="smalltitle">Header</div>
blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah. The End!
</div>
<p>
<div class="small">

<div class="smalltitle">Navigation</div>
<a class="nav" href="">Home</a>
<a class="nav" href="">Me</a>
<a class="nav" href="">Site Info</a>
<a class="nav" href="">Visitor Content</a>
<a class="nav" href="">Guestbook</a>
</div>
<p>

<div class="smalltitle">Credits</div>
<a href="http://ify.emotionaltears.net/">Integral For You</a><br>

</div>
<p>

</div>
<div id="big">

</head>
<div class="main">About layout</div>
This layout of Flyleaf logo of a boy on their cd cover. I decided to make a layout of it and was made in paintshop pro 9 by <b>Naomi</b> of Integral For You. All pictures was found on photobucket. Credits must be visible at all times.
</div>

</body>
</html>

Layout Comments

Showing latest 9 of 9 comments

oh, i love this.
i just wish it was made for myspace :(

By christinaaa88 on Dec 27, 2007 11:18 am

Of course i going to try darker colors, i'm going to try all colors. It dosen't matter to me

By 1angel3 on Jun 18, 2007 3:17 pm

i would have to agree with protos about the colors they arent flyleaf at all....try darker colors next time for them

By midnightmadness on Jun 18, 2007 2:03 pm

its text indent, thats why

By 1angel3 on Jun 15, 2007 1:28 pm

the links go wacko when you hover over them :[

By speakerboxx123 on Jun 15, 2007 1:18 pm

They are just colors ok, I don't have to use the colors from the album that would be boring I tried it and it didn't look right to me. But thats you opinion

By 1angel3 on Jun 15, 2007 11:39 am

no. just no. tell me how bright green blue, yellow, and PINK go with Flyleaf?!?

for someone who doesn't know who flyleaf is then ok.

but only someone who knows flyleaf will use this site.

that is horrible. try some deep reds/oranges or colors from the album art.

By protos on Jun 15, 2007 11:28 am

this is cute, i just don't like the pixel font you used lol.
i love your tags for this also. hahaha

By falsetigerlimbs on Jun 15, 2007 11:08 am

Brav!

By delicioustyle on Jun 15, 2007 10:15 am

Layout Details

Designer	1angel3
Submitted on	Jun 14, 2007
Page views	8,356
Favorites	16
Comments	9
Reviewer	brownsugar
Approved on	Jun 15, 2007

Flyleaf

Designer's Comments

Layout Code

Layout Comments

Layout Details

Layout Tags

Layout Tools

Layout Affiliates