Music is a rainbow

Designer's Comments

Look carefully for specific instructions

No Jocking!!!! All Credits Must Stay Visble At All Times

enjoy

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("http://layouts.cbimg8.com/35/17552e.png");
margin: 0px 0;
font-family: trebuchet ms, sans serif;
font-size: 11px;
color: #fff;
text-align: justify;
line-height: 11px;
}

#container1 {
width: 497px;
margin: 0 auto;
padding: 0px;
background-repeat: repeat-y;
background: url("http://layouts.cbimg8.com/35/17552f.png");
}

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

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

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

#footer {
clear: both;
}

b, strong {
color: #88ea8a;
}

i {
color: #000000;
}

s {
color: #ff9bc1;
}

u {
color: #ff5e9b; 
}

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

a:link {
color:#88ebe9; 
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: #c389eb;
font-weight: normal;
text-decoration: none;

}

h1 {
color: #ebde88;
font-size: 12px;
line-height: 13px;
font-weight: normal;
background-color: #000;
letter-spacing:0px;
font-family: arial,sans-serif;
text-transform: uppercase;
text-align: left;
text-transform: none;
margin-top: -2px;
margin-bottom: 3px; 
border-right: 5px solid #88ebe9;
padding-left: 2px;
padding-top: 1px;
padding-bottom: 0px;
text-transform: uppercase;
}

h2 {
color: #e99887;
font-size: 10px;
line-height: 11px;
font-weight: normal;
background-color: #000;
letter-spacing:0px;
font-family: arial,sans-serif;
text-transform: uppercase;
text-align: left;
text-transform: none;
margin-top: -2px;
margin-bottom: 3px; 
border-right: 5px solid #a78aeb;
padding-left: 2px;
padding-top: 1px;
padding-bottom: 0px;
text-transform: uppercase;
}

blockquote { 
color: #4f3b60;
background-color: #000;
font-size: 7.5pt;
text-align: justify; 
border-bottom : 1px solid #4f3b60; 
border-right : 1px solid #4f3b60;
border-top : 1px solid #4f3b60; 
border-left : 7px solid #4f3b60;
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-color: transparent;
border-bottom : 0px solid #f9f9f9; 
border-right : 0px solid #f9f9f9;
border-top : 0px solid #f9f9f9; 
border-left : 0px solid #f9f9f9;
padding: 2px;
margin-top: 0px;
margin-left: 0px;
margin-right: 0px;
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: 118px;
   text-align: center;
   color: #fff;
   padding: 1px 0;
}
#navigation3 li a:hover {
   background: #000;
   color: #88ea8a;
}
</style>
</head> 
<body> 
<div id="container1">
<img src="http://layouts.cbimg8.com/35/17552c.png" alt="site name" />
<div id="hmenu">
<ul id="navigation3">
<li><a href="">Home</a></li>
<li><a href="">Site</a></li>
<li><a href="">About Me</a></li>
<li><a href="">Visitor</a></li>
</ul>
</div>
 
<div id="container2">
	<div id="menu">
<div class="content">
<br />
<h2>Header</h2>
<p>text text text
text text text
text text text
text text text
text text text</p>
<br />

<h2>Header</h2>
<p>text text text
text text text
text text text
text text text
text text text</p>
<br />

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

<div id="content">
<div class="content">
<br />
<h1>About Layout</h1>
<p>This Layout was made in paintshop pro 9. This layout is made by <b>Naomi</b> of <a href="http://ify.emotionaltears.net">Integral For You</a> and credits shouldn't be removed at all times.</p>

</div>
<center>
<img src="http://layouts.cbimg8.com/35/17552d.png" border="0" alt="Footer" />

</div>
</html>

Layout Comments

Showing latest 10 of 15 comments

I love this layout. It's simple and colorful. Great job!

By dilligrout on Sep 22, 2008 8:35 am

Heh...nevermind.

By sunshiinebabe415 on Sep 22, 2007 1:40 pm

With the two headers on the side, I want to make one 'navigation' and one 'loved' [like, top friends] and it doesn't work! Like, they get mushed into one, I don't even see the header for 'loved'! Amd I just doing it wrong or did anyone else have this happen?

L0VE, APRiL

By sunshiinebabe415 on Sep 22, 2007 12:31 pm

COOOOOOOOOOOOOOOOOOOOOOOOOOOOO OOOOOOOOOOOOOOOOOOOOOOOOOOOOOO OOOOOOOOOOOOOOOOOOOOOOOOOOOOOO OOOOOOOOOOOOOOOOOOOOOOOOOOOOOO OOOOOOOOOOOOOOOOOOOOOOOOOOOOOO OOOOOOOOOOOOOOOOOOOOOOOOOOOOOO OOOOOOOOOOOOOOOOOOOOOOOOOOOOOO OOOOOOOOOOOOOOOOOOOOOOOOOOOOOO OOOOOOOOOOOOOOOOOOOOOOOOOL

=DDD

By Cartunist on Aug 28, 2007 9:11 am

Don't change a thing, you have managed to hit the right combination of content vs style/images. Good job!

By sarahwynne on Jun 8, 2007 3:21 pm

dude! awesome layout! can you tell me the code to put links on the top? the way you did it? what do you use, btw.

By magic1 on Jun 8, 2007 1:47 pm

thanks

By 1angel3 on May 15, 2007 6:19 pm

love it! your awesome!

By Chicago on May 14, 2007 9:42 pm

^^ glad to help.

By Liklibo on Apr 20, 2007 10:05 pm

thanks i fix it

By 1angel3 on Apr 20, 2007 6:32 pm

View all »

Layout Details

Designer	1angel3
Submitted on	Apr 15, 2007
Page views	23,037
Favorites	107
Comments	15

Music is a rainbow

Designer's Comments

Layout Code

Layout Comments

Layout Details

Layout Tags

Layout Tools

Layout Affiliates