Rain Rain

Designer's Comments

Look carefully for specific instructions

This layout isn't meant to be like...amazing in design. It's meant to be playful and almost childish. I really hope you enjoy it!! Please leave the creds on if you use and all that!!

Layout Code

Copy and paste to Template HTML

Help

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>rain rain go away...</title>
</head>
<body>
<style type="text/css">
body { 
margin : 0;
padding : 0;
color : #00180d;
font-size : 8pt;
line-height : 12pt;
font-family : sans-serif;
background-color : #4646db;
background-image : url(http://cbimg6.com/layouts/07/08/20/20827aa.jpg);
background-repeat : repeat-x;
} 
input, textarea, select { 
background : #fffcc8;
font-size : 11px;
font-weight : bold;
font-family : tahoma;
color : #000;
border : 1 solid #9d7600;
} 
i { 
font-size : 12px;
font-family : Arial;
color : #b7ffbe;
font-weight : bold;
} 
b { 
font-size : 12px;
font-family : tahoma;
color : #32ade6;
} 
u { 
font-size : 12px;
font-family : tahoma;
color : #1f0091;
font-weight : bold;
} 
s { 
font-size : 12px;
font-family : tahoma;
color : #fffcb7;
font-weight : bold;
} 
strong { 
font-size : 14px;
font-family : tahoma;
font-weight : bolder;
color : #32ade6;
} 
em { 
font-size : 13px;
font-family : tahoma;
color : #b7ffbe;
} 
.head { 
color : #b8b5ff;
letter-spacing : -1px;
border-bottom : 2px dotted #ffffff;
font-weight : bold;
font-size : 24px;
text-align : center;
font-family : georgia;
} 
A:link, a:active, a:visited { 
color : #00ff18;
text-decoration : none;
font-size : 12px;
font-weight : bold;
font-family : tahoma;
cursor : crosshair;
height : 1px;
} 
A:hover { 
color : #aebcf9;
text-decoration : none;
font-size : 12px;
font-weight : bold;
font-family : tahoma;
} 
a.menu:link, a.menu:active, a.menu:visited { 
color : #2f2f2f;
letter-spacing : 2px;
line-height : 18px;
margin-right : 0;
display : block;
margin-top : 1px;
border-top : none;
text-align : center;
background-color : #00d172;
} 
a.menu:hover { 
color : #2f2f2f;
letter-spacing : 2px;
line-height : 18px;
margin-right : 0;
display : block;
margin-top : 1px;
border-bottom : none;
text-align : center;
background-color : #007741;
} 
a img { 
border : none;
border-bottom : 0;
} 
#container { 
margin-top : 0px;
background-color : transparent;
background-repeat : repeat-y;
background-image : url(http://cbimg6.com/layouts/07/08/20/20827ab.jpg);
border : 0 solid #ffffff;
width : 800px;
} 
#header { 
background-image : url(http://cbimg6.com/layouts/07/08/20/20827ac.jpg);
background-color : transparent;
height : 600px;
width : 800px;
border-bottom : 0 solid #ffffff;
margin-top : 0px;
} 
#banner h1 { 
margin : 0;
padding : 0.5em;
} 
#nav { 
float : right;
width : 170px;
margin-right : 10px;
padding-top : 5px;
text-align : left;
border-left : 1px dotted #fff;
border-bottom : 1px dotted #fff;
} 
#content { 
width : 600px;
margin-left : 10px;
float : left;
text-align : left;
padding-top : 5px;
} 
#footer { 
clear : both;
background-color : transparent;
background-image : url(http://cbimg6.com/layouts/07/08/20/20827ad.jpg);
background-repeat : no-repeat;
padding : 0em;
width : 800px;
height : 66px;
text-align : right;
border-top : 0 solid #ffffff;
}
</style>

<div align="center">
<div id="container">
   <div id="header"></div>
   <div id="nav">
<div class="head">Navigation</div>
<a href="http://urlhere.com" class="menu">Link</a>
<a href="http://urlhere.com" class="menu">Link</a>
<a href="http://urlhere.com" class="menu">Link</a>
<a href="http://urlhere.com" class="menu">Link</a>
<a href="http://urlhere.com" class="menu">Link</a>