Rainbow

Layout Code

Copy and paste to Template HTML

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>

function resolucao_img_sk(){
if (screen.width == "800" && screen.height == "600"){<style>body {height: 1100px;}</style>}
}
resolucao_img_sk();

</script>

<title>TITLE</title>
  <meta http-equiv="Content-Type"
 content="text/html; charset=iso-8859-1">
  <style type="text/css">

body { background: url(http://cbimg6.com/layouts/09/02/33635ab.jpg);
margin:0px;
font-family: arial;
font-size: 10px;
color: #442a1f;
line-height: 11px;
height: 850px;
width: 100%px;
}
h1 {
font-family: georgia;
color: #fe4646;
font-size: 20px;
font-weight: normal;
text-align: left;
font-style: italic;
background: transparent;
border-bottom: 4px dotted #f6d14c;
padding-left: 15px;
padding-bottom: 5px;
}
h2 {
font-family: verdana;
color: #11a3a5;
margin-bottom: 0px;
font-size: 10px;
font-weight: normal;
text-align: right;
margin-top:-23px;
margin-bottom: 10px;
padding-left: 5px;
}
h3 {
font-family: courier;
color: #82b81a;
font-size: 10px;
margin-bottom: 4px;
text-align: right;
border-bottom: 4px dotted #30c3be;
padding-left: 5px;
margin-top: -5px;
}
ul { font-family: arial;
font-size: 10px;
line-height: 11px;
color: #c677ce;
background-color: transparent;
}
#title {
left: 390px;
top: 52px;
padding-top: 20px;
background-color: transpaent;
font-family: Bookman, serif;
font-size: 45px;
color: #61e7e5;
height: 72px;
font-style: italic;
font-variant: small-caps;
text-align: right;
position: absolute;
}

#title:hover {
left: 390px;
top: 52px;
padding-top: 20px;
height: 52px;
background-color: transpaent;
font-family: Bookman, serif;
font-size: 45px;
color: #fff481;
font-style: italic;
font-variant: small-caps;
text-align: right;
position: absolute;
}

#content {position: absolute; text-align: left; height: 522; overflow: auto; width: 400px; left: 240px; top: 140px;}

#sidebar {position:absolute;top: 660px;left:10%;width:80%;height:110px;text-align:center;}
#sidebar2 {position:absolute;top: 810px;left:10%;width:80%;height:40px;text-align:center; color: #ffed8c;}

a, a:link, a:active, a:visited {
color:#0aa7a1;
font-family:verdana;
text-decoration: none;
font-style: normal;
padding: 0px 1px 0px 1px;
}
a:hover, a:focus {
color:#ff6094;
cursor: default;
background-color: #ffee9c;
text-decoration: none;
font-style: none;
}
.inhaltetable { width:100%;
background: transparent;
}
::-moz-selection {
background:#ffea97;
color:#ea4550;
}
textarea { border: 1px solid #f73442;
background-color: #e4e4e4;
width: 250px;
height: 200px;
font-family: georgia;
font-size: 10px;
line-height: 11px;
color: #b63a43;
}
input { border: 1px solid #f73442;
background-color: #e4e4e4;
font-size: 10px;
font-family: georgia;
line-height: 11px;
color: #b63a43;
}

b, strong { color: #e63c48; font-weight: bold; font-size: 11px;}
b:hover, strong:hover { color: #2aa4a0; font-weight: bold; font-size: 11px;}

m, mark { background:#d4bbdf; color:#6b5078; padding: 0px 2px 0px 2px; }
m:hover, mark:hover { background:#6ae7e3; color:#ff659b; padding: 0px 2px 0px 2px; }

i, em, italic {color: #76ad3b; font-style: italic;}

u, underline { font-family: arial;
font-size: 10px;
line-height: 11px;
color: #22a8a3;
text-decoration: none;
border-bottom: 1px dashed #ff5990;
}
s, stroke { font-family: arial;
font-size: 10px;
line-height: 11px;
color: #ffa63e;
text-decoration: line-through;}

blockquote {
padding-bottom: 35px;
padding-top: 10px;
padding-left: 5px;
padding-right: 5px;
background-image: url(http://cbimg6.com/layouts/09/02/33635ac.png);
background-repeat: no-repeat;
background-position: bottom center;}
blockquote:before {
font-family: georgia;
color: #db2f4a;
content: open-quote;
font-weight: bold;
font-size: 15pt;
}
blockquote:before {
font-family: georgia;
color: #db2f4a;
content: open-quote;
font-weight: bold;
font-size: 15pt;
padding: 0px 2px 0px 2px;
}
#header {
width: 209px;
height: 85px;
float: right;
position: absolute;
left: 1020px;
top: 577px;
background: url(http://cbimg6.com/layouts/09/02/33635ad.png) no-repeat;
}
#header:hover {
width: 209px;
height: 85px;
position: absolute;
background: url(http://cbimg6.com/layouts/09/02/33635ae.png) no-repeat;
}
#borboleta {
width: 84px;
height: 159px;
position: absolute;
left: 50px;
top: 280px;
background: url(http://cbimg6.com/layouts/09/02/33635af.png) no-repeat;
}
#borboleta:hover {
width: 84px;
height: 159px;
background: url(http://cbimg6.com/layouts/09/02/33635ag.png) no-repeat;
}
#heart {
width: 77px;
height: 84px;
position: absolute;
left: 1060px;
top: 160px;
background: url(http://cbimg6.com/layouts/09/02/33635ah.png) no-repeat;
}
#heart:hover {
width: 77px;
height: 84px;
background: url(http://cbimg6.com/layouts/09/02/33635ai.png) no-repeat;
}
#coroa {
width: 35px;
height: 36px;
float: left;
position: absolute;
left: 375px;
top: 20px;
background: url(http://cbimg6.com/layouts/09/02/33635aj.png) no-repeat;
}
#rabisco {
width: 158px;
height: 411px;
float: left;
position: absolute;
left: 640px;
top: 180px;
background: url(http://cbimg6.com/layouts/09/02/33635ak.png) no-repeat;}
#flor1 {
width: 37px;
height: 49px;
float: left;
position: absolute;
left: 30px;
top: 614px;
background: url(http://cbimg6.com/layouts/09/02/33635al.png) no-repeat;}
#flor2 {
width: 69px;
height: 50px;
float: left;
position: absolute;
left: 160px;
top: 615px;
background: url(http://cbimg6.com/layouts/09/02/33635am.png) no-repeat;}

#profile {
background-color: transparent;
height: 110px;
width: 298px;
margin-top: 8px;
margin-left: 7px;
}

#profile-bg {
background-image: url(http://cbimg6.com/layouts/09/02/33635an.png); 
background-repeat: no-repeat;
background-position: bottom right;
top: 140px;
left: 700px;
position: absolute;
float: right;
width: 322;
height: 154;}

#menu-content {
position: absolute;
top: 310px;
left: 830px;
}
#menu-content a {background-color: transparent;}

#link1, #link1 a, #link1 a:link, #link1 a:active, #link1 a:visited {
position: abosolute;
color: #fe4646;
font-size: 25px;
padding-top: 10px;
padding-bottom: 10px;
margin-right: 40px;
font-family: georgia;
}
#link1:hover, #link1 a:hover, #link1 a:focus {
color: #fe4646;
background-repeat: no-repeat;
background-position: top right;
background-image: url(http://cbimg6.com/layouts/09/02/33635ao.png);
font-size: 25px;
background-color: transparent;
font-family: georgia;
}

#link2, #link2 a, #link2 a:link, #link2 a:active, #link2 a:visited {
position: abosolute;
color: #ff9f2e;
font-size: 25px;
font-family: georgia;
margin-top: 12px;
padding-top: 10px;
padding-bottom: 10px;
padding-right: 40px;
padding-left: 40px;
}
#link2:hover, #link2 a:hover, #link2 a:focus {
color: #ff9f2e;
background-repeat: no-repeat;
background-color: transparent;
background-position: bottom center;
background-image: url(http://cbimg6.com/layouts/09/02/33635ap.png);
font-size: 25px;
font-family: georgia;
}

#link3, #link3 a, #link3 a:link, #link3 a:active, #link3 a:visited {
color: #ffdb5d;
font-size: 25px;
font-family: georgia;
margin-top: 12px;
padding-top: 10px;
padding-bottom: 10px;
margin-right: 40px;
}
#link3:hover, #link3 a:hover, #link3 a:focus {
color: #ffdb5d;
background-repeat: no-repeat;
background-position: top right;
background-image: url(http://cbimg6.com/layouts/09/02/33635aq.png);
font-size: 25px;
background-color: transparent;
font-family: georgia;
}

#link4, #link4 a, #link4 a:link, #link4 a:active, #link4 a:visited {
color: #a7d665;
font-size: 25px;
font-family: georgia;
margin-top: 12px;
padding-top: 10px;
padding-bottom: 10px;
padding-right: 40px;
padding-left: 40px;
}
#link4:hover, #link4 a:hover, #link4 a:focus {
color: #a7d665;
background-repeat: no-repeat;
background-position: center left;
background-image: url(http://cbimg6.com/layouts/09/02/33635ar.png);
font-size: 25px;
background-color: transparent;
font-family: georgia;
}

#link5, #link5 a, #link5 a:link, #link5 a:active, #link5 a:visited {
color: #6ad2e7;
font-size: 25px;
font-family: georgia;
margin-top: 0px;
padding-top: 19px;
padding-bottom: 3px;
margin-right: 40px;
}
#link5:hover, #link5 a:hover, #link5 a:focus {
color: #6ad2e7;
background-repeat: no-repeat;
background-position: center left;
background-color: transparent;
background-image: url(http://cbimg6.com/layouts/09/02/33635as.png);
font-size: 25px;
font-family: georgia;
}

</style>

</head>
<body leftmargin="0" topmargin="0"
 style="background-image: url(http://s539.photobucket.com/albums/ff359/technicolor-rainbow/morelays/new/bg3-1.jpg); background-repeat: repeat-x;">

</div>

</align>
</td>
<td style=" font-size: 9px; width: 185px;">
<div style="height: 110px; overflow: auto;">
my name is gab, bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla 
</div>

</td>
</tr>
</table>
</div></div>

<div id="title">!Title Here!</div>

<div id="content">
<h1>Title</h1><br>
<h2>02/01/2009 <b>::</b> 20:31 <b>::</b> category</h2>
content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content 
<p>

<h1>Title</h1><br>
<h2>02/01/2009 <b>::</b> 20:31 <b>::</b> category</h2>
<blockquote><b>Bold</b> :: <i>Italic</i> ::  <m>Mark</m> :: <s>Stroke</s> :: <u>Underline</u>
<p></p>

</div>


<div id="sidebar">

<table style="width: 100%; height: 110px;  overflow: auto;">
<tr>
<td style="width: 20%">
<div style="font-size: 9px; padding: 5px; border-left: 0px dashed #a0cd1b; height: 98px; overflow: auto;">
<center>
<h3>Links</h3>
<table style="width: 100%;">
<tr>
<td style="font-size: 9px; width: 50%">
<center>
<b>x.</b><a href="">Link</a><br>
<b>x.</b><a href="">Link</a><br>
<b>x.</b><a href="">Link</a><br>
<b>x.</b><a href="">Link</a><br>
<b>x.</b><a href="">Link</a><br>
</center>
</td>
<td style="font-size: 9px; width: 50%;">
<center>
<b>x.</b><a href="">Link</a><br>
<b>x.</b><a href="">Link</a><br>
<b>x.</b><a href="">Link</a><br>
<b>x.</b><a href="">Link</a><br>
<b>x.</b><a href="">Link</a><br>
</center>
</td>
</tr>
</table>

</center>
</div>

</td>

bla bla bla bla bla bla bla bla 
</center>
</div>

</td>

bla bla bla bla bla bla bla bla 
</center>
</div>

</td>

</td>

</tr>
</table>

</div>

<div id="sidebar2">
<b>::</b> Layout by <a href="http://technicolor-rainbow.createblog.com/">technicolor rainbow</a> <b>::</b><br>
<div style="font-size: 12px; margin-top: 3px;"><a href="http://www.createblog.com/">x</a> . <a href="http://crimson-designs.deviantart.com/">x</a> . <a href="http://drownmywilltofly.deviantart.com/">x</a></div> 
</div>

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