Gap

Designer's Comments

Look carefully for specific instructions

Enjoy this layout. Please keep credits on at all times. DO NOT EDIT WITHOUT MY PERMISSION!

Fixed! So it looks better in FireFox.

Layout Code

Copy and paste to Template HTML

Help

<!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("http://cbimg6.com/layouts/07/09/03/21268ab.png");
background-color: #333333;
margin: 0px 0;
font-family: trebuchet ms, sans serif;
font-size: 11px;
color: #000;
text-align: justify;
line-height: 11px;
}

#container1 {
width: 614px;
margin: 0 auto;
padding: 0px;
background-repeat: repeat-y;
background: url("http://cbimg6.com/layouts/07/09/03/21268ac.png");
}

#container2 {
width: 614px;
margin-top: 3px;
margin-left: 3px;
margin-right: 0;
padding: 8px;
}

#container3 {
width: 614px;
margin-top: 3px;
margin-left: 1px;
margin-right: 20px;
padding: 5px;
}

#hmenu {
width: 614px;
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: 423px;
text-align: left;
}

#menu {
background: transparent;
float: left;
width: 170px
}

#footer {
clear: both;
}

b, strong {
color:  #acbcb1;
}

i {
color: #000000;
}

s {
color: #ff9bc1;
}

u {
color: #fd0675; 
}

td, tr
{
color: #fd0675;
font-family: arial,sans-serif;
font-size: 11px;
}
a:link {
color: #c28e72; 
font-weight: normal;
text-decoration: none;
}
a:visited {
color: #a48eaa;
font-weight: normal;
text-decoration: none;
}
a:active {
color: #000;
font-weight: normal;
text-decoration: none;
}
a:hover {
color: #6d5574;
font-weight: normal;
text-decoration: none;
}
h1 {
color: #a48eaa;
font-size: 13px;
line-height: 14px;
font-weight: normal;
background-color:#6d5574;
letter-spacing: 0px;
font-family: verdana, sans serif;
text-align: left;
text-transform: none;
margin-top: 0px;
margin-bottom: 2px; 
border-left: 7px solid #c6d0c9;
border-right: 0px solid #e8e8e8;
border-bottom: 0px solid #fd267d;	
padding-top: 0px;
padding-bottom: 0px;
padding-left: 4px;
padding-right: 0px;
}
h2 {
color: #c28e72;
font-size: 10px;
line-height: 10px;
font-weight: normal;
background-color: #c6d0c9;
letter-spacing:0px;
font-family: verdana,sans-serif;
text-align: left;
text-transform: none;
margin-top: -2px;
margin-bottom: 3px; 
border-left: 4px solid #5987af;
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: #acbcb1;
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: px solid #202020;
border-right: px solid #202020;
border-top: 0px solid #d341a5;
border-bottom: px solid #202020;	
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 : #e1e1e3;
padding : 4px;
margin-top : 0;
margin-left : 0;
margin-right : 0;
margin-bottom : 10px;
text-align : justify;
border : 1px solid #c8c9ce;
}
div.content1 {
background : #e1e1e3;
padding : 4px;
margin-top : 0;
margin-left : 8px;
margin-right : 0;
margin-bottom : 10px;
text-align : justify;
border : 1px solid #c8c9ce;
}

#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: #c6d0c9;
   width: 118px;
   text-align: center;
   color: #c28e72;
   padding: 5px 0;
}
#navigation3 li a:hover {
   background: #6d5574;
   color: #fff;
}
</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">
<br />
<div class="content1">
<h1>About Layout</h1>
<p>This is a Gap layout. This layout was made in paintshop pro 9. Also if you use this layout, you must keep credits visible, sorry but you didn't make it.</p>
</div>
<br />
<div class="content1">
<h1>Header header</h1>
<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>
<div id="footer"> </div>

</div>

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

Layout Comments

Showing latest 8 of 8 comments

Hey,can I edit your layout?
I'm just going to use the codes you have and edit the images,colors,etc.
Tell me :]

By littlevoice on Jun 5, 2008 10:35 am

so cute!!! i'm gonna use it!! great job!

By bonesrpretty on Apr 21, 2008 9:47 am

I really like this layout I would like to use it for my clothing line im starting I was wondering if maybe you could take off all the gap stuff and replace the pics.. With the stuff i have.. If you can email me lovejazmyn@msn.com and i would gladly explain more or just send the items THANKS

By jazmyn37 on Feb 28, 2008 12:58 pm

i love this!
is it ok to change the header & background (with credit still in tact, of course!)

:) LJ

By laurajeanlally on Nov 13, 2007 5:34 pm

love it!

By JoannLeung on Sep 9, 2007 10:12 am

I love, love, love this layout! The only thing is that in Firefox the sub header uses small fonts, which as you know doesn't shows up really big.

Really creative!

By another-perfect-world on Sep 8, 2007 11:45 pm

I like the color choices also :)

By FoxLucky on Sep 6, 2007 12:01 am

it's still a bit off, but it's way better. I love the color choices

By IVIike on Sep 3, 2007 4:21 pm

Layout Details

Designer	1angel3
Submitted on	Sep 3, 2007
Page views	13,353
Favorites	45
Comments	8
Reviewer	IVIike
Approved on	Sep 3, 2007

Gap

Designer's Comments

Layout Code

Layout Comments

Layout Details

Layout Tags

Layout Tools

Layout Affiliates