ABOUT THIS LAYOUT:

We all need some sunshine and cheer every once in a while and this rainbow layout is sure to give just that! With a mini ticker and rainbow navigational bars, this layout is perfect for any site thinking of adding some color to their layout. And the credits for this layout are hidden in the pot of gold at the bottom of the navis. Ingenius!

If you'd like, you can request a layout for your site. If you have any problems with this layout or would like to request a new layout, please email me. Thanks.

GET THE CODE:

You want this layout? Use the code below.
Put your cursor in the box. Press Ctrl+A to select and Ctrl+C to copy. Press Ctrl+V to paste.

<title>SITE TITLE</title>

<style type="text/css">
BODY {
background-image:url('http://i29.tinypic.com/34njtpz.png');
font-family:Arial;
font-size:12px;
color: purple;
scrollbar-face-color : red;
scrollbar-highlight-color : orange;
scrollbar-3dlight-color : yellow;
scrollbar-shadow-color : green;
scrollbar-darkshadow-color : blue;
scrollbar-track-color : indigo;
scrollbar-arrow-color : violet;
}
IMG SRC {
border:0;
}
HR {
color: green;
}
H1 {
font-family: Viner Hand;
font-size: 20px;
font-weight: bold;
color: blue;
text-align:center;
}
A:link {
color: aqua;
text-decoration: underline;
font-weight: normal;
font-family: Comic Sans MS, Arial;
font-size: 14px;
}
A:visited {
color: aqua;
text-decoration: underline;
font-weight: normal;
font-family: Comic Sans MS, Arial;
font-size: 14px;
}
A:hover {
color: red;
text-decoration: none;
font-weight: normal;
background:gold;
font-family: Comic Sans MS, Arial;
font-size: 14px;
}
div.banner{
position:absolute;
top:0px;
width:680px;
height:349px;
background-image: url('http://i29.tinypic.com/28c0oih.png');
}
div.title{
position:absolute;
top:140px;
left:220px;
width:245px;
height:70px;
background-color: transparent;
font-family: Andy, Comic Sans MS, Arial;
font-size:30px;
color:#0099FF;
}
div.miniticker{
position:absolute;
top:285px;
left:203px;
width:286px;
height:0px;
background-color:transparent;
color: black;
}
div.leftnavi {
position:absolute;
left:39px;
top:319px;
width:87px;
background-image:url('http://i27.tinypic.com/fmukwo.png');
text-align: center;
}
div.rightnavi {
position:absolute;
left:574px;
top:319px;
width:87px;
background-image:url('http://i30.tinypic.com/nrh43.png');
text-align: center;
}
div.content {
position:absolute;
left:126px;
top:309px;
width:448px;
height:200px;
background-color: gold;
}
</style>
</head>

<div class="banner">
</div>

<div class="title">
PUT YOUR SITE TITLE HERE!
</div>

<div class="miniticker">
<marquee><b> Gonna be a bright sunshine day! So Put Your Marquee Here! </b></marquee>
</div>

<div class="leftnavi">

<div class="content">

Put Content Here!

</div>

<div class="rightnavi">

</center>
</font>
</div>
</html>

DO NOT REMOVE ANY CREDITS!

If something doesn't work on this layout, or I put a wrong code or something, please just tell me, okay?

You can put your disclaimer and claimer right here.