Beyonce

Designer's Comments

Look carefully for specific instructions

Enjoy this layout. Please ask if you want to edit my style sheets. Please keep credits on at all times.

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: #000;
text-align: justify;
line-height: 11px;
}

#container1 {
width: 629px;
margin: 0 auto;
padding: 0px;
background-repeat: repeat-y;
background: url("http://cbimg6.com/layouts/07/11/28/23440ab.png");
}

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

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

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

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

#footer {
clear: both;
}

b, strong {
color: #7ccca3;
}

i {
color: #fc0082;
}

s {
color: #fc0082;
}

u {
color: #fc0082; 
}

td, tr
{
color: #fd0675;
font-family: arial,sans-serif;
font-size: 11px;
}
a:link {
color: #fc0082; 
font-weight: normal;
text-decoration: none;
}
a:visited {
color: #fc0082;
font-weight: normal;
text-decoration: none;
}
a:active {
color: #000;
font-weight: normal;
text-decoration: none;
}
a:hover {
color: #7ccca3;
font-weight: normal;
text-decoration: none;
}
h1 {
color: #fc0082;
font-size: 13px;
line-height: 14px;
font-weight: normal;
background-color:#000;
letter-spacing: 0px;
font-family: verdana, sans serif;
text-align: left;
text-transform:  uppercase;
margin-top: 0px;
margin-bottom: 2px; 
border-left: 7px solid #fff;
border-right: 0px solid #e8e8e8;
border-bottom: 1px solid #7ccca3;	
padding-top: 0px;
padding-bottom: 0px;
padding-left: 4px;
padding-right: 0px;
}
h2 {
color: #fc0082;
font-size: 10px;
line-height: 10px;
font-weight: normal;
background-color: #7ccca3;
letter-spacing:0px;
font-family: verdana,sans-serif;
text-align: left;
text-transform: none;
margin-top: -2px;
margin-bottom: 3px; 
border-left: 4px solid #fff;
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: #fc0082;
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: #fc0082;
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: #000;
background-color: #fff;
border: 1px solid #fc0082;
}
div.content {
background : #eeecec;
padding : 4px;
margin-top : 0;
margin-left : 0;
margin-right : 0;
margin-bottom : 10px;
text-align : justify;
border : 1px solid #eeecec;
}
div.content1 {
background : #eeecec;
padding : 4px;
margin-top : 0;
margin-left : 8px;
margin-right : 0;
margin-bottom : 10px;
text-align : justify;
border : 1px solid #eeecec;
}

#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: #eeecec;
   width: 122px;
   text-align: center;
   color: #fc0082;
   padding: 2px 0;
}
#navigation3 li a:hover {
   background: #fc0082;
   color: #000;
}
</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://1angel3.createblog.com/layouts/">1angel3 @ cB</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>