Sunshine

Designer's Comments

Look carefully for specific instructions

It would help to have prior knowledge of CSS/HTML.

Do not remove my credits.

These were made by candyfloss.

Layout Code

Copy and paste to Template HTML

<title>Pocket Full of Sunshine</title>
<style>
body {
	background-color:;
	margin: 0px 0;
	font-family: verdana;
	font-size: 11px;
	color: #000000;
	line-height: 11px;
}
b, strong {
	color: #6699ee;
}

i {
	color: #66bb00;
	text-transform: italicize;
}

s {
	color: #ff1177;
}

u {
	color: #00aa22; 
	border-bottom: 1px dotted #ffffff;
}
h1 {
	background: #fff url(http://cbimg9.com/layouts/08/06/28036ab.jpg) left center repeat-x;
	color: #ffffff;
	font-size: 25px;
	line-height: 25px;
	font-weight: normal;;
	letter-spacing: 0px;
	font-family: century gothic;
	text-align: left;
	text-transform: none;
	margin-top: 0px;
	margin-bottom: 2px; 
	border-left: 0px solid #e8e8e8;
	border-right: 0px solid #e8e8e8;
	border-bottom: 0px solid #fd267d;	
	padding-top: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	padding-right: 0px;
}
a.nav:link, a.nav:visited, a.nav:active {
	text-decoration: none;
	cursor: crosshair;
	font-family: century gothic;
	font-size: 8pt;
	line-height: 10pt;
	color: #99dd66;
	background-color: #daffc1;
	cursor: default;
	display: block;
        text-align:center;
	text-transform: lowercase;
	margin: 4px;
        padding: 4px;
        border-bottom:0px solid #000000;
        border-right: 4px solid #99ddee;
        border-left: 0px solid #000000;
}
a.nav:hover {
	cursor: crosshair;
	font-family: century gothic;
	font-size: 8pt;
	line-height: 10pt;
        font-weight: none;
	color: #99bb66;
        text-align: center;
	background-color: #daffc1;
	cursor: default;
	display: block;
	text-transform: lowercase;
	margin: 4px;
        padding: 4px;
        border-bottom:0px solid #000000;
        border-right: 4px solid #99bbee;
        border-left: 0px solid #000000;
}
a:link {
	color: #0099cc; 
	font-weight: normal;
	text-decoration: none;
}
a:visited {
	color: #0099cc;
	font-weight: normal;
	text-decoration: none;
}
a:active {
	color: #0099cc;
	font-weight: normal;
	text-decoration: none;
}
a:hover {
	color: #99dddd;
	font-weight: normal;
	text-decoration: none;
}
</style>
<body background="http://i29.tinypic.com/142reyp.jpg">
<div style="position: absolute; top: 0px; left: 0px;">
<img src="http://cbimg9.com/layouts/08/06/28036aa.png" alt="natasha bedingfield">
</div>

<div style="position: absolute; top: 382px; left: 95px; width: 156px; height:800px; background-color: #DAFFC1">
<h1>navigate</h1>
<a href="http://" class="nav">Link Here</a>
<a href="http://" class="nav">Link Here</a>
<a href="http://" class="nav">Link Here</a>
<a href="http://" class="nav">Link Here</a>
<a href="http://" class="nav">Link Here</a>
<p>
<h1>site Info</h1>
type stuff about your website here
<p>
<h1>header</h1>
type stuff type stuff type stuff
<p>
<h1>credits</h1>
Layout By: <a href="http://kaci.unfoolish-miracles.net" target="_blank">candyfloss</a><br>
Brushes:<a href="http://kaci.unfoolish-miracles.net" target="_blank">candyfloss</a><br>
Images: <a href="http://sweetandtalented.com" target="_blank">s.and.t</a>
<p>
<h1>header</h1>
type stuff type stuff type stuff
</div>

<div style="position: absolute; top: 358px; left: 251px; width: 386px; height:824px; background-color: #CCFF96">
<h1>welcome</h1>
This layout features Natasha Bedingfield. Do not remove the credits. Even if you edit the layout to your images and etc. change the "layout by"
to "coding by" and you can say you made it as long as i get credit for the codes. Enjoy. :]
<br>
This is a <a href="http://">link</a>.
This is <b>bold</b><br>
This is <i>italics</i><br>
This is <s>strikethrough</s><br>
This is <u>underline</u>

<p>
<h1>Random Header</h1>
type stuff here
<p>
<h1>Random Header</h1>
type stuff here
</div>