SunnysideUpCSS got their homepage at Neopets.com

Pet Pages:7
User Lookups:0
Pet Lookups:0
Resources:7

Pet Pages User Lookups Pet Lookups
Resources Sitely Credit

Pet Pages

Anchored

<div id="box2" style="position: absolute;">
<div class="h3">Header</div>
<div class="h4">Sub-header</div>
<a href="#1" class="nav">Page 1</a><br><a href="#2" class="nav">Page 2</a><br><a href="#3" class="nav">Page 3</a><br><a href="#4" class="nav">Page 4</a><br><a href="#5" class="nav">Page 5</a><br>
Text Text Text Text Text Text<br><b>This is bold</b> <i>This is italics</i> This is underlined <a href="/">This is a link</a><br><div class="h3">Header</div>
<div class="h4">Sub-header</div>
Text Text Text Text Text Text<br><b>This is bold</b> <i>This is italics</i> This is underlined <a href="/">This is a link</a><br>
Text Text Text Text Text Text<br><b>This is bold</b> <i>This is italics</i> This is underlined <a href="/">This is a link</a><br><div class="h3">Header</div>
<div class="h4">Sub-header</div>
Text Text Text Text Text Text<br><b>This is bold</b> <i>This is italics</i> This is underlined <a href="/">This is a link</a><br>
Text Text Text Text Text Text<br><b>This is bold</b> <i>This is italics</i> This is underlined <a href="/">This is a link</a><br><div class="h3">Header</div>
<div class="h4">Sub-header</div>
Text Text Text Text Text Text<br><b>This is bold</b> <i>This is italics</i> This is underlined <a href="/">This is a link</a>
</div>
<br><br><br><br><div class="boxinactive" style="position: absolute;">
<div class="boxactive">
<a name="1"></a>
<div class="h1">Header</div>
<div class="h2">Sub-Header</div>
Page 1!<br><b>This is bold</b> <i>This is italics</i> This is underlined <a href="/">This is a link</a><br>
Text Text Text Text Text Text<br><b>This is bold</b> <i>This is italics</i> This is underlined <a href="/">This is a link</a><br>
Text Text Text Text Text Text<br><b>This is bold</b> <i>This is italics</i> This is underlined <a href="/">This is a link</a><br>
Text Text Text Text Text Text<br><b>This is bold</b> <i>This is italics</i> This is underlined <a href="/">This is a link</a><br><div class="h1">Header</div>
<div class="h2">Sub-Header</div>
Text Text Text Text Text Text<br><b>This is bold</b> <i>This is italics</i> This is underlined <a href="/">This is a link</a><br>
Text Text Text Text Text Text<br><b>This is bold</b> <i>This is italics</i> This is underlined <a href="/">This is a link</a><br>
Text Text Text Text Text Text<br><b>This is bold</b> <i>This is italics</i> This is underlined <a href="/">This is a link</a><br>
Text Text Text Text Text Text<br><b>This is bold</b> <i>This is italics</i> This is underlined <a href="/">This is a link</a><br><div class="h1">Header</div>
<div class="h2">Sub-Header</div>
Text Text Text Text Text Text<br><b>This is bold</b> <i>This is italics</i> This is underlined <a href="/">This is a link</a><br>Text Text Text Text Text Text<br><b>This is bold</b> <i>This is italics</i> This is underlined <a href="/">This is a link</a><br>Text Text Text Text Text Text<br><b>This is bold</b> <i>This is italics</i> This is underlined <a href="/">This is a link</a><br>Text Text Text Text Text Text<br><b>This is bold</b> <i>This is italics</i> This is underlined <a href="/">This is a link</a><br>Text Text Text Text Text Text<br><b>This is bold</b> <i>This is italics</i> This is underlined <a href="/">This is a link</a><br><div class="h1">Header</div>
<div class="h2">Sub-Header</div>
Text Text Text Text Text Text<br><b>This is bold</b> <i>This is italics</i> This is underlined <a href="/">This is a link</a>
</div>
<div class="boxactive">
<a name="2"></a>
<div class="h1">Header</div>
<div class="h2">Sub-Header</div>
Page 2!<br><b>This is bold</b> <i>This is italics</i> This is underlined <a href="/">This is a link</a><br>
Text Text Text Text Text Text<br><b>This is bold</b> <i>This is italics</i> This is underlined <a href="/">This is a link</a><br>
Text Text Text Text Text Text<br><b>This is bold</b> <i>This is italics</i> This is underlined <a href="/">This is a link</a><br>
Text Text Text Text Text Text<br><b>This is bold</b> <i>This is italics</i> This is underlined <a href="/">This is a link</a><br><div class="h1">Header</div>
<div class="h2">Sub-Header</div>
Text Text Text Text Text Text<br><b>This is bold</b> <i>This is italics</i> This is underlined <a href="/">This is a link</a><br>
Text Text Text Text Text Text<br><b>This is bold</b> <i>This is italics</i> This is underlined <a href="/">This is a link</a><br>
Text Text Text Text Text Text<br><b>This is bold</b> <i>This is italics</i> This is underlined <a href="/">This is a link</a><br>
Text Text Text Text Text Text<br><b>This is bold</b> <i>This is italics</i> This is underlined <a href="/">This is a link</a><br><div class="h1">Header</div>
<div class="h2">Sub-Header</div>
Text Text Text Text Text Text<br><b>This is bold</b> <i>This is italics</i> This is underlined <a href="/">This is a link</a><br>Text Text Text Text Text Text<br><b>This is bold</b> <i>This is italics</i> This is underlined <a href="/">This is a link</a><br>Text Text Text Text Text Text<br><b>This is bold</b> <i>This is italics</i> This is underlined <a href="/">This is a link</a><br>Text Text Text Text Text Text<br><b>This is bold</b> <i>This is italics</i> This is underlined <a href="/">This is a link</a><br>Text Text Text Text Text Text<br><b>This is bold</b> <i>This is italics</i> This is underlined <a href="/">This is a link</a><br><div class="h1">Header</div>
<div class="h2">Sub-Header</div>
Text Text Text Text Text Text<br><b>This is bold</b> <i>This is italics</i> This is underlined <a href="/">This is a link</a>
</div>
<div class="boxactive">
<a name="3"></a>
<div class="h1">Header</div>
<div class="h2">Sub-Header</div>
Page 3!<br><b>This is bold</b> <i>This is italics</i> This is underlined <a href="/">This is a link</a><br>
Text Text Text Text Text Text<br><b>This is bold</b> <i>This is italics</i> This is underlined <a href="/">This is a link</a><br>
Text Text Text Text Text Text<br><b>This is bold</b> <i>This is italics</i> This is underlined <a href="/">This is a link</a><br>
Text Text Text Text Text Text<br><b>This is bold</b> <i>This is italics</i> This is underlined <a href="/">This is a link</a><br><div class="h1">Header</div>
<div class="h2">Sub-Header</div>
Text Text Text Text Text Text<br><b>This is bold</b> <i>This is italics</i> This is underlined <a href="/">This is a link</a><br>
Text Text Text Text Text Text<br><b>This is bold</b> <i>This is italics</i> This is underlined <a href="/">This is a link</a><br>
Text Text Text Text Text Text<br><b>This is bold</b> <i>This is italics</i> This is underlined <a href="/">This is a link</a><br>
Text Text Text Text Text Text<br><b>This is bold</b> <i>This is italics</i> This is underlined <a href="/">This is a link</a><br><div class="h1">Header</div>
<div class="h2">Sub-Header</div>
Text Text Text Text Text Text<br><b>This is bold</b> <i>This is italics</i> This is underlined <a href="/">This is a link</a><br>Text Text Text Text Text Text<br><b>This is bold</b> <i>This is italics</i> This is underlined <a href="/">This is a link</a><br>Text Text Text Text Text Text<br><b>This is bold</b> <i>This is italics</i> This is underlined <a href="/">This is a link</a><br>Text Text Text Text Text Text<br><b>This is bold</b> <i>This is italics</i> This is underlined <a href="/">This is a link</a><br>Text Text Text Text Text Text<br><b>This is bold</b> <i>This is italics</i> This is underlined <a href="/">This is a link</a><br><div class="h1">Header</div>
<div class="h2">Sub-Header</div>
Text Text Text Text Text Text<br><b>This is bold</b> <i>This is italics</i> This is underlined <a href="/">This is a link</a>
</div>
<div class="boxactive">
<a name="4"></a>
<div class="h1">Header</div>
<div class="h2">Sub-Header</div>
Page 4!<br><b>This is bold</b> <i>This is italics</i> This is underlined <a href="/">This is a link</a><br>
Text Text Text Text Text Text<br><b>This is bold</b> <i>This is italics</i> This is underlined <a href="/">This is a link</a><br>
Text Text Text Text Text Text<br><b>This is bold</b> <i>This is italics</i> This is underlined <a href="/">This is a link</a><br>
Text Text Text Text Text Text<br><b>This is bold</b> <i>This is italics</i> This is underlined <a href="/">This is a link</a><br><div class="h1">Header</div>
<div class="h2">Sub-Header</div>
Text Text Text Text Text Text<br><b>This is bold</b> <i>This is italics</i> This is underlined <a href="/">This is a link</a><br>
Text Text Text Text Text Text<br><b>This is bold</b> <i>This is italics</i> This is underlined <a href="/">This is a link</a><br>
Text Text Text Text Text Text<br><b>This is bold</b> <i>This is italics</i> This is underlined <a href="/">This is a link</a><br>
Text Text Text Text Text Text<br><b>This is bold</b> <i>This is italics</i> This is underlined <a href="/">This is a link</a><br><div class="h1">Header</div>
<div class="h2">Sub-Header</div>
Text Text Text Text Text Text<br><b>This is bold</b> <i>This is italics</i> This is underlined <a href="/">This is a link</a><br>Text Text Text Text Text Text<br><b>This is bold</b> <i>This is italics</i> This is underlined <a href="/">This is a link</a><br>Text Text Text Text Text Text<br><b>This is bold</b> <i>This is italics</i> This is underlined <a href="/">This is a link</a><br>Text Text Text Text Text Text<br><b>This is bold</b> <i>This is italics</i> This is underlined <a href="/">This is a link</a><br>Text Text Text Text Text Text<br><b>This is bold</b> <i>This is italics</i> This is underlined <a href="/">This is a link</a><br><div class="h1">Header</div>
<div class="h2">Sub-Header</div>
Text Text Text Text Text Text<br><b>This is bold</b> <i>This is italics</i> This is underlined <a href="/">This is a link</a>
</div>
<div class="boxactive">
<a name="5"></a>
<div class="h1">Header</div>
<div class="h2">Sub-Header</div>
Page 5!<br><b>This is bold</b> <i>This is italics</i> This is underlined <a href="/">This is a link</a><br>
Text Text Text Text Text Text<br><b>This is bold</b> <i>This is italics</i> This is underlined <a href="/">This is a link</a><br>
Text Text Text Text Text Text<br><b>This is bold</b> <i>This is italics</i> This is underlined <a href="/">This is a link</a><br>
Text Text Text Text Text Text<br><b>This is bold</b> <i>This is italics</i> This is underlined <a href="/">This is a link</a><br><div class="h1">Header</div>
<div class="h2">Sub-Header</div>
Text Text Text Text Text Text<br><b>This is bold</b> <i>This is italics</i> This is underlined <a href="/">This is a link</a><br>
Text Text Text Text Text Text<br><b>This is bold</b> <i>This is italics</i> This is underlined <a href="/">This is a link</a><br>
Text Text Text Text Text Text<br><b>This is bold</b> <i>This is italics</i> This is underlined <a href="/">This is a link</a><br>
Text Text Text Text Text Text<br><b>This is bold</b> <i>This is italics</i> This is underlined <a href="/">This is a link</a><br><div class="h1">Header</div>
<div class="h2">Sub-Header</div>
Text Text Text Text Text Text<br><b>This is bold</b> <i>This is italics</i> This is underlined <a href="/">This is a link</a><br>Text Text Text Text Text Text<br><b>This is bold</b> <i>This is italics</i> This is underlined <a href="/">This is a link</a><br>Text Text Text Text Text Text<br><b>This is bold</b> <i>This is italics</i> This is underlined <a href="/">This is a link</a><br>Text Text Text Text Text Text<br><b>This is bold</b> <i>This is italics</i> This is underlined <a href="/">This is a link</a><br>Text Text Text Text Text Text<br><b>This is bold</b> <i>This is italics</i> This is underlined <a href="/">This is a link</a><br><div class="h1">Header</div>
<div class="h2">Sub-Header</div>
Text Text Text Text Text Text<br><b>This is bold</b> <i>This is italics</i> This is underlined <a href="/">This is a link</a>
</div>
<br><br><b>Unanchored</b><br><div id="preview"><img src="http://img694.imageshack.us/img694/903/petpre2.png" style="height: 150px; width: 300px;"></div>
<br><br><div id="colors">
<img src="http://img535.imageshack.us/img535/3073/petpre2a.png"><textarea><style>
#kame {
}
#a {
	height: 100%;
	width: 400px;
	background-color: #ff69d3;
	top: 0px;
	left: 0px;
}
#b {
	height: 50%;
	width: 400px;
	background-color: #68ea34;
	top: 0px;
	left: 0px;
}
#c {
	height: 100px;
	top: 0px;
	left: 0px;
	width: 100%;
	background-color: #fb893d;
}
#d {
	height: 25px;
	top: 125px;
	left: 0px;
	width: 100%;
	background-color: #ff69d3;
}
#e {
	height: 25px;
	top: 100px;
	left: 0px;
	width: 100%;
	background-color: #68ea34;
}
#box {
	top: 155px;
	width: 700px;
	left: 405px;
	height: 405px;
	border: 1px solid #b1b3af;
	overflow: auto;
	font: 7.5pt century gothic;
	color: black;
	padding: 5px;
	text-align: center;
}
#nav {
	top: 155px;
	width: 215px;
	left: 1120px;
	height: 405px;
	border: 1px solid #b1b3af;
	overflow: auto;
	font: 7.5pt century gothic;
	color: black;
	padding: 5px;
}
.title {
	top: 5px;
	left: 50px;
	font: 70pt impact;
	color: black;
}
.title2 {
	top: 95px;
	left: 300px;
	font: 20pt georgia;
	color: white;
}
h1 {
	font: 40pt georgia;
	color: #fb893d;
	line-height: 0px;
}
h2 {
	font: 10pt tahoma;
	color: #68ea34;
	letter-spacing: 5px;
	text-align: right;
	line-height: 15px;
	border: 3px black solid;
}
.nav:link, .nav:visited {
	font: 10pt tahoma;
	color: white;
	height: 20px;
	width: 200px;
	display: inline-block;
	background-color: #ff69d3;
	text-align: center;
}
.nav:hover {
	color: #68ea34;
	letter-spacing: 7px;
}
a:link, a:active {
	font: 10pt impact;
	color: black;
}
a:hover {
	color: #68ea34;
	letter-spacing: 7px;
}
b {
	color: #ff69d3;
}
u {
	color: #fb893d;
}
</style>/>
<div id="d" style="position: absolute;"> </div>
<div id="e" style="position: absolute;"> </div>
<div id="c" style="position: absolute;"> </div>
<div id="a" style="position: absolute;"> </div>
<div id="b" style="position: absolute;"> </div>
<div class="title" style="position: absolute;">
Site Name Here</div>
<div class="title2" style="position: absolute;">
<i>Put a witty catch phrase here!</i>
</div>
<div id="box" style="position: absolute;">
<h1>Header</h1>
<h2>Sub-header</h2>
<b>This is bold</b> This is underlined <i>This is Italics</i> <a href="/">This is a link</a><br>
This area is your main blog. Type whatever you want here! You may edit any part of this layout as long as you keep credit!. Thank you.This area is your main blog. Type whatever you want here! You may edit any part of this layout as long as you keep credit!. Thank you.This area is your main blog. Type whatever you want here! You may edit any part of this layout as long as you keep credit!. Thank you.This area is your main blog. Type whatever you want here! You may edit any part of this layout as long as you keep credit!. Thank you.This area is your main blog. Type whatever you want here! You may edit any part of this layout as long as you keep credit!. Thank you.This area is your main blog. Type whatever you want here! You may edit any part of this layout as long as you keep credit!. Thank you.This area is your main blog. Type whatever you want here! You may edit any part of this layout as long as you keep credit!. Thank you.This area is your main blog. Type whatever you want here! You may edit any part of this layout as long as you keep credit!. Thank you.This area is your main blog. Type whatever you want here! You may edit any part of this layout as long as you keep credit!. Thank you.This area is your main blog. Type whatever you want here! You may edit any part of this layout as long as you keep credit!. Thank you.
</div>
<div id="nav" style="position: absolute;">

<h2>Navigation</h2>
<center>
<a href="/" class="nav">Link</a>
<a href="/" class="nav">Link</a>
<a href="/" class="nav">Link</a>
<a href="/" class="nav">Link</a>
<a href="/" class="nav">Link</a>
<a href="/~sunnysideupcss" class="nav">Credit</a>
<br><br><br>

Css © <b>Kame</b> 
</center>
</div>
<br><br><b>Unanchored</b><br><div id="preview"><img src="http://img38.imageshack.us/img38/9120/petpre3.png" style="height: 150px; width: 300px;"></div>
<br><br><div id="colors">
<img src="http://img197.imageshack.us/img197/7752/petpre3a.png"><textarea><style>
#kame {
}
body {
	background: white;
	cursor: move;
	overflow: hidden;
}
#box {
	top: 100px;
	left: 300px;
	width: 599px;
	height: 470px;
	font: 7.5pt century gothic;
	color: black;
	border-left: 1px dashed black;
	border-top: 5px solid black;
	overflow: auto;
	padding: 5px;
}
#box2 {
	top: 10px;
	left: 10px;
	width: 260px;
	height: 560px;
	border-left: 20px solid black;
	font: 7.5pt century gothic;
	color: black;
	overflow: auto;
	text-align: center;
	padding: 5px;
}
#a {
	background-color: #0082ea;
	left: 10px;
	top: 0px;
	width: 100%;
	height: 10px;
}
#a1 {
	background-color: #0082ea;
	left: 300px;
	width: 78.1%;
	height: 50px;
}
#b {
	background-color: #a700ea;
	left: 300px;
	top: 50px;
	width: 78.1%;
	height: 50px;
}
.title {
	font: 40pt impact;
	color: white;
	top: 10px;
	left: 300px;
	z-index: 15;
}
.under {
	font: 15pt tahoma;
	color: black;
	top: 35px;
	left: 400px;
	z-index: 20;
	letter-spacing: 5px;
}
h1 {
	font: 20pt georgia;
	color: #a700ea;
	border-right: 50px solid #0082ea;
	text-align: left;
}
h2 {
	font: 15pt georgia;
	color: #0082ea;
	border-left: 40px solid #a700ea;
	text-align: right;
}
#c {
	background-color: #0082ea;
	width: 60px;
	top: 0px;
	height: 100%;
	left: 910px;
}
#d {
	background-color: #0050ea;
	width: 60px;
	top: 100px;
	height: 100%;
	left: 970px;
}
#e {
	background-color: #002aea;
	width: 60px;
	top: 100px;
	height: 100%;
	left: 1030px;
}
#f {
	background-color: #0700ea;
	width: 60px;
	top: 100px;
	height: 100%;
	left: 1090px;
}
#g {
	background-color: #3800ea;
	width: 60px;
	top: 100px;
	height: 100%;
	left: 1150px;
}
#h {
	background-color: #6400ea;
	width: 60px;
	top: 100px;
	height: 100%;
	left: 1210px;
}
#i {
	background-color: #9000ea;
	width: 60px;
	top: 100px;
	height: 100%;
	left: 1270px;
}
#j {
	background-color: #a700ea;
	width: 60px;
	top: 100px;
	height: 100%;
	left: 1330px;
}
.nav:link, .nav:visited {
	height: 20px;
	width: 200px;
	text-align: center;
	background-color: #0082ea;
	font: 15pt tahoma;
	color: white;
	display: inline-block;
}
.nav1:link, .nav1:visited {
	height: 20px;
	width: 200px;
	text-align: center;
	background-color: #a700ea;
	font: 15pt tahoma;
	color: white;
	display: inline-block;
}
.nav:hover {
	cursor: help;
	letter-spacing: 5px;
}
.nav1:hover {
	cursor: help;
	letter-spacing: 5px;
}
b {
	font: 8pt tahoma;
	text-transform: uppercase;
	color: black;
}
a:link, a:visited {
	color: #0082ea;
	font: 8pt tahoma;
	font-weight: bold;
}
a:hover {
	color: #a700ea;
	text-transform: uppercase;
}
</style>/>
<div class="title" style="position: absolute;">Site Name Here</div>
<div class="under" style="position: absolute;">Put a witty catch phrase here!</div>
<div id="a" style="position: absolute;"></div>
<div id="a1" style="position: absolute;"></div>
<div id="b" style="position: absolute;"></div>
<div id="c" style="position: absolute;"></div>
<div id="d" style="position: absolute;"></div>
<div id="e" style="position: absolute;"></div>
<div id="f" style="position: absolute;"></div>
<div id="g" style="position: absolute;"></div>
<div id="h" style="position: absolute;"></div>
<div id="i" style="position: absolute;"></div>
<div id="j" style="position: absolute;"></div>

<div id="box" style="position: absolute;">
<h1>Header One</h1>
<b>This is bold</b>  This is underlined <i>This is italics</i> <a href="/">This is a link</a><br>
This is your main blog area. Type anything you want here! You can edit any of the layout <b>As long as you keep the credit on!</b> If there are any bugs with this page, please contact me and let me know! Enjoy~! This is your main blog area. Type anything you want here! You can edit any of the layout <b>As long as you keep the credit on!</b> If there are any bugs with this page, please contact me and let me know! Enjoy~! This is your main blog area. Type anything you want here! You can edit any of the layout <b>As long as you keep the credit on!</b> If there are any bugs with this page, please contact me and let me know! Enjoy~! This is your main blog area. Type anything you want here! You can edit any of the layout <b>As long as you keep the credit on!</b> If there are any bugs with this page, please contact me and let me know! Enjoy~! This is your main blog area. Type anything you want here! You can edit any of the layout <b>As long as you keep the credit on!</b> If there are any bugs with this page, please contact me and let me know! Enjoy~! This is your main blog area. Type anything you want here! You can edit any of the layout <b>As long as you keep the credit on!</b> If there are any bugs with this page, please contact me and let me know! Enjoy~! This is your main blog area. Type anything you want here! You can edit any of the layout <b>As long as you keep the credit on!</b> If there are any bugs with this page, please contact me and let me know! Enjoy~! 
<h2>Header Two</h2>
This is your main blog area. Type anything you want here! You can edit any of the layout <b>As long as you keep the credit on!</b> If there are any bugs with this page, please contact me and let me know! Enjoy~! This is your main blog area. Type anything you want here! You can edit any of the layout <b>As long as you keep the credit on!</b> If there are any bugs with this page, please contact me and let me know! Enjoy~! This is your main blog area. Type anything you want here! You can edit any of the layout <b>As long as you keep the credit on!</b> If there are any bugs with this page, please contact me and let me know! Enjoy~! This is your main blog area. Type anything you want here! You can edit any of the layout <b>As long as you keep the credit on!</b> If there are any bugs with this page, please contact me and let me know! Enjoy~! This is your main blog area. Type anything you want here! You can edit any of the layout <b>As long as you keep the credit on!</b> If there are any bugs with this page, please contact me and let me know! Enjoy~! This is your main blog area. Type anything you want here! You can edit any of the layout <b>As long as you keep the credit on!</b> If there are any bugs with this page, please contact me and let me know! Enjoy~! This is your main blog area. Type anything you want here! You can edit any of the layout <b>As long as you keep the credit on!</b> If there are any bugs with this page, please contact me and let me know! Enjoy~!

<div id="box2" style="position: absolute;">
<h1>Navigation</h1>
<a href="/" class="nav">Link</a><br><a href="/" class="nav1">Link</a><br><a href="/" class="nav">Link</a><br><a href="/" class="nav1">Link</a><br><a href="/" class="nav">Link</a><br><a href="/~sunnysideupcss" class="nav1">Credit</a>
<h2>Header</h2>
You can put more text over here! Like Updates, or a short preview message. Whatever you want. Just maker sure the credit stays! =)You can put more text over here! Like Updates, or a short preview message. Whatever you want. Just maker sure the credit stays! =)You can put more text over here! Like Updates, or a short preview message. Whatever you want. Just maker sure the credit stays! =)You can put more text over here! Like Updates, or a short preview message. Whatever you want. Just maker sure the credit stays! =)You can put more text over here! Like Updates, or a short preview message. Whatever you want. Just maker sure the credit stays! =)You can put more text over here! Like Updates, or a short preview message. Whatever you want. Just maker sure the credit stays! =)
<br><br><br>

Css © <b>Kame</b> </div>

<br><br><b>Anchored, changing colors.</b> (Each color on the swatch represents the background on each page).<br><div id="preview"><img src="http://img6.imageshack.us/img6/5451/petpre4.png" style="height: 150px; width: 300px;"></div>
<br><br><div id="colors">
<img src="http://img835.imageshack.us/img835/6694/petpre4a.png"><textarea><style>
#kame {
}
body {
	cursor: move;
	overflow: hidden;
}
#box {
	top: 100px;
	left: 300px;
	height: 300px;
	width: 600px;
	border: 1px solid black;
	background-color: white;
	z-index: 10;
	font: 7.5pt century gothic;
	color: black;
	overflow: auto;
	padding: 5px;
}
#box2 {
	top: 1600px;
	left: 300px;
	height: 300px;
	width: 600px;
	border: 1px solid black;
	background-color: white;
	z-index: 10;
	font: 7.5pt century gothic;
	color: black;
	overflow: auto;
	padding: 5px;
}
#box3 {
	top: 2600px;
	left: 300px;
	height: 300px;
	width: 600px;
	border: 1px solid black;
	background-color: white;
	z-index: 10;
	font: 7.5pt century gothic;
	color: black;
	overflow: auto;
	padding: 5px;
}
#box4 {
	top: 3600px;
	left: 300px;
	height: 300px;
	width: 600px;
	border: 1px solid black;
	background-color: white;
	z-index: 10;
	font: 7.5pt century gothic;
	color: black;
	overflow: auto;
	padding: 5px;
}
#box5 {
	top: 4600px;
	left: 300px;
	height: 300px;
	width: 600px;
	border: 1px solid black;
	background-color: white;
	z-index: 10;
	font: 7.5pt century gothic;
	color: black;
	overflow: auto;
	padding: 5px;
}
#box6 {
	top: 5600px;
	left: 300px;
	height: 300px;
	width: 600px;
	border: 1px solid black;
	background-color: white;
	z-index: 10;
	font: 7.5pt century gothic;
	color: black;
	overflow: auto;
	padding: 5px;
}
.g {
	top: 30px;
	left: 0px;
	font: 70pt mistral;
	color: black;
	background-color: white;
	z-index: 150;
	width: 100%;
	line-height: 30px;
}
.h {
	top: 1530px;
	left: 0px;
	font: 70pt mistral;
	color: black;
	background-color: white;
	z-index: 150;
	width: 100%;
	line-height: 30px;
}
.i {
	top: 2530px;
	left: 0px;
	font: 70pt mistral;
	color: black;
	background-color: white;
	z-index: 150;
	width: 100%;
	line-height: 30px;
}
.j {
	top: 3530px;
	left: 0px;
	font: 70pt mistral;
	color: black;
	background-color: white;
	z-index: 150;
	width: 100%;
	line-height: 30px;
}
.k {
	top: 4530px;
	left: 0px;
	font: 70pt mistral;
	color: black;
	background-color: white;
	z-index: 150;
	width: 100%;
	line-height: 30px;
}
.l {
	top: 5530px;
	left: 0px;
	font: 70pt mistral;
	color: black;
	background-color: white;
	z-index: 150;
	width: 100%;
	line-height: 30px;
}
#a {
	background-color: #ea0b00;
	height: 100%;
	width: 100%;
	top: 0px;
	left: 0px;
}
#b {
	background-color: #ea6800;
	height: 100%;
	width: 100%;
	top: 1500px;
	left: 0px;
}
#c {
	background-color: #eae700;
	height: 100%;
	width: 100%;
	top: 2500px;
	left: 0px;
}
#d {
	background-color: #2dea00;
	height: 100%;
	width: 100%;
	top: 3500px;
	left: 0px;
}
#e {
	background-color: #0c00ea;
	height: 100%;
	width: 100%;
	top: 4500px;
	left: 0px;
}
#f {
	background-color: #c200ea;
	height: 100%;
	width: 100%;
	top: 5500px;
	left: 0px;
}
#nav1 {
	top: 100px;
	left: 910px;
	z-index: 15;
}
#nav2 {
	top: 1600px;
	left: 910px;
	z-index: 15;
}
#nav3 {
	top: 2600px;
	left: 910px;
	z-index: 15;
}
#nav4 {
	top: 3600px;
	left: 910px;
	z-index: 15;
}
#nav5 {
	top: 4600px;
	left: 910px;
	z-index: 15;
}
#nav6 {
	top: 5600px;
	left: 910px;
	z-index: 15;
}
.nav:link, .nav:visited {
	font: 10pt tahoma;
	text-align: center;
	width: 200px;
	top: 20px;
	color: black;
	background-color: white;
	border: 1px solid black;
	display: inline-block;
}
.nav:hover {
	letter-spacing: 3px;
}
.h6 {
	color: #c200ea;
	font: 30pt georgia;
	border-bottom: 2px solid black;
	line-height: 15px;
}
h1 {
	color: #ea0b00;
	font: 30pt georgia;
	border-bottom: 2px solid black;
	line-height: 15px;
}
.h2 {
	color: #ea6800;
	font: 30pt georgia;
	border-bottom: 2px solid black;
	line-height: 15px;
}
.h3 {
	color: #eae700;
	font: 30pt georgia;
	border-bottom: 2px solid black;
	line-height: 15px;
}
.h4 {
	color: #2dea00;
	font: 30pt georgia;
	border-bottom: 2px solid black;
	line-height: 15px;
}
.h5 {
	color: #0c00ea;
	font: 30pt georgia;
	border-bottom: 2px solid black;
	line-height: 15px;
}
B {
	font: 9pt tahoma;
	color: black;
}
a:link, a:visited {
	color: #808080;
	text-decoration: none;
}
a:hover {
	color: #e9e7e8;
	text-decoration: line-through;
	font: 8pt tahoma;
}
</style>/>
<div class="g" style="position: absolute;">Site Name Here</div>
<div id="nav1" style="position: absolute;">
<a href="#1" class="nav">Page 1</a><br><a href="#2" class="nav">Page 2</a><br><a href="#3" class="nav">Page 3</a><br><a href="#4" class="nav">Page 4</a><br><a href="#5" class="nav">Page 5</a><br><a href="#6" class="nav">Page 6</a><br><a href="/~sunnysideupcss" class="nav">Credit</a><br>
</div>
<div id="box" style="position: absolute;">

<h1>Header</h1>
<b>This is bold</b>  This is underlined <i>This is italics</i> <a href="/">This is a link</a><br><br><b>IMPORTANT! You have to type the site name for each page. Just replace 'Site Name Here' with your site name whenever you find it. Press ctr+f for an easy way to find them. Also, go to page six to save your changes.</b><br><br>
This is page number one. Type anything you want here! You can edit any of the layout <b>As long as you keep the credit on!</b> If there are any bugs with this page, please contact me and let me know! Enjoy~! This is page number one. Type anything you want here! You can edit any of the layout <b>As long as you keep the credit on!</b> If there are any bugs with this page, please contact me and let me know! Enjoy~! This is page number one. Type anything you want here! You can edit any of the layout <b>As long as you keep the credit on!</b> If there are any bugs with this page, please contact me and let me know! Enjoy~! This is page number one. Type anything you want here! You can edit any of the layout <b>As long as you keep the credit on!</b> If there are any bugs with this page, please contact me and let me know! Enjoy~! This is page number one. Type anything you want here! You can edit any of the layout <b>As long as you keep the credit on!</b> If there are any bugs with this page, please contact me and let me know! Enjoy~! This is page number one. Type anything you want here! You can edit any of the layout <b>As long as you keep the credit on!</b> If there are any bugs with this page, please contact me and let me know! Enjoy~! This is page number one. Type anything you want here! You can edit any of the layout <b>As long as you keep the credit on!</b> If there are any bugs with this page, please contact me and let me know! Enjoy~! This is page number one. Type anything you want here! You can edit any of the layout <b>As long as you keep the credit on!</b> If there are any bugs with this page, please contact me and let me know! Enjoy~! This is page number one. Type anything you want here! You can edit any of the layout <b>As long as you keep the credit on!</b> If there are any bugs with this page, please contact me and let me know! Enjoy~! 
</div>
<div id="a" style="position: absolute;">
<a name="1"></a>
</div>

<div class="h" style="position: absolute;">Site Name Here</div>
<div id="nav2" style="position: absolute;">
<a href="#1" class="nav">Page 1</a><br><a href="#2" class="nav">Page 2</a><br><a href="#3" class="nav">Page 3</a><br><a href="#4" class="nav">Page 4</a><br><a href="#5" class="nav">Page 5</a><br><a href="#6" class="nav">Page 6</a><br><a href="/~sunnysideupcss" class="nav">Credit</a><br>
</div>
<div id="box2" style="position: absolute;">
<br><div class="h2">Header</div>
<br><br>
This is page number two. Type anything you want here! You can edit any of the layout <b>As long as you keep the credit on!</b> If there are any bugs with this page, please contact me and let me know! Enjoy~! This is page number two. Type anything you want here! You can edit any of the layout <b>As long as you keep the credit on!</b> If there are any bugs with this page, please contact me and let me know! Enjoy~! This is page number two. Type anything you want here! You can edit any of the layout <b>As long as you keep the credit on!</b> If there are any bugs with this page, please contact me and let me know! Enjoy~! This is page number two. Type anything you want here! You can edit any of the layout <b>As long as you keep the credit on!</b> If there are any bugs with this page, please contact me and let me know! Enjoy~! This is page number two. Type anything you want here! You can edit any of the layout <b>As long as you keep the credit on!</b> If there are any bugs with this page, please contact me and let me know! Enjoy~! This is page number two. Type anything you want here! You can edit any of the layout <b>As long as you keep the credit on!</b> If there are any bugs with this page, please contact me and let me know! Enjoy~! This is page number two. Type anything you want here! You can edit any of the layout <b>As long as you keep the credit on!</b> If there are any bugs with this page, please contact me and let me know! Enjoy~! This is page number two. Type anything you want here! You can edit any of the layout <b>As long as you keep the credit on!</b> If there are any bugs with this page, please contact me and let me know! Enjoy~! This is page number two. Type anything you want here! You can edit any of the layout <b>As long as you keep the credit on!</b> If there are any bugs with this page, please contact me and let me know! Enjoy~! This is page number two. Type anything you want here! You can edit any of the layout <b>As long as you keep the credit on!</b> If there are any bugs with this page, please contact me and let me know! Enjoy~! 
</div>
<div id="b" style="position: absolute;">
<a name="2"></a>
</div>

<div class="i" style="position: absolute;">Site Name Here</div>
<div id="nav3" style="position: absolute;">
<a href="#1" class="nav">Page 1</a><br><a href="#2" class="nav">Page 2</a><br><a href="#3" class="nav">Page 3</a><br><a href="#4" class="nav">Page 4</a><br><a href="#5" class="nav">Page 5</a><br><a href="#6" class="nav">Page 6</a><br><a href="/~sunnysideupcss" class="nav">Credit</a><br>
</div>
<div id="box3" style="position: absolute;">
<br><div class="h3">Header</div>
<br><br>
This is page number three. Type anything you want here! You can edit any of the layout <b>As long as you keep the credit on!</b> If there are any bugs with this page, please contact me and let me know! Enjoy~! This is page number three. Type anything you want here! You can edit any of the layout <b>As long as you keep the credit on!</b> If there are any bugs with this page, please contact me and let me know! Enjoy~! This is page number three. Type anything you want here! You can edit any of the layout <b>As long as you keep the credit on!</b> If there are any bugs with this page, please contact me and let me know! Enjoy~! This is page number three. Type anything you want here! You can edit any of the layout <b>As long as you keep the credit on!</b> If there are any bugs with this page, please contact me and let me know! Enjoy~! This is page number three. Type anything you want here! You can edit any of the layout <b>As long as you keep the credit on!</b> If there are any bugs with this page, please contact me and let me know! Enjoy~! This is page number three. Type anything you want here! You can edit any of the layout <b>As long as you keep the credit on!</b> If there are any bugs with this page, please contact me and let me know! Enjoy~! This is page number three. Type anything you want here! You can edit any of the layout <b>As long as you keep the credit on!</b> If there are any bugs with this page, please contact me and let me know! Enjoy~! This is page number three. Type anything you want here! You can edit any of the layout <b>As long as you keep the credit on!</b> If there are any bugs with this page, please contact me and let me know! Enjoy~! This is page number three. Type anything you want here! You can edit any of the layout <b>As long as you keep the credit on!</b> If there are any bugs with this page, please contact me and let me know! Enjoy~! This is page number three. Type anything you want here! You can edit any of the layout <b>As long as you keep the credit on!</b> If there are any bugs with this page, please contact me and let me know! Enjoy~! 
</div>

<div class="j" style="position: absolute;">Site Name Here</div>
<div id="c" style="position: absolute;">
<a name="3"></a>
</div>
<div id="nav4" style="position: absolute;">
<a href="#1" class="nav">Page 1</a><br><a href="#2" class="nav">Page 2</a><br><a href="#3" class="nav">Page 3</a><br><a href="#4" class="nav">Page 4</a><br><a href="#5" class="nav">Page 5</a><br><a href="#6" class="nav">Page 6</a><br><a href="/~sunnysideupcss" class="nav">Credit</a><br>
</div>
<div id="box4" style="position: absolute;">
<br><div class="h4">Header</div>
<br><br>
This is page number four. Type anything you want here! You can edit any of the layout <b>As long as you keep the credit on!</b> If there are any bugs with this page, please contact me and let me know! Enjoy~! This is page number four. Type anything you want here! You can edit any of the layout <b>As long as you keep the credit on!</b> If there are any bugs with this page, please contact me and let me know! Enjoy~!This is page number four. Type anything you want here! You can edit any of the layout <b>As long as you keep the credit on!</b> If there are any bugs with this page, please contact me and let me know! Enjoy~!This is page number four. Type anything you want here! You can edit any of the layout <b>As long as you keep the credit on!</b> If there are any bugs with this page, please contact me and let me know! Enjoy~!This is page number four. Type anything you want here! You can edit any of the layout <b>As long as you keep the credit on!</b> If there are any bugs with this page, please contact me and let me know! Enjoy~!This is page number four. Type anything you want here! You can edit any of the layout <b>As long as you keep the credit on!</b> If there are any bugs with this page, please contact me and let me know! Enjoy~!This is page number four. Type anything you want here! You can edit any of the layout <b>As long as you keep the credit on!</b> If there are any bugs with this page, please contact me and let me know! Enjoy~!This is page number four. Type anything you want here! You can edit any of the layout <b>As long as you keep the credit on!</b> If there are any bugs with this page, please contact me and let me know! Enjoy~!This is page number four. Type anything you want here! You can edit any of the layout <b>As long as you keep the credit on!</b> If there are any bugs with this page, please contact me and let me know! Enjoy~!This is page number four. Type anything you want here! You can edit any of the layout <b>As long as you keep the credit on!</b> If there are any bugs with this page, please contact me and let me know! Enjoy~!This is page number four. Type anything you want here! You can edit any of the layout <b>As long as you keep the credit on!</b> If there are any bugs with this page, please contact me and let me know! Enjoy~!This is page number four. Type anything you want here! You can edit any of the layout <b>As long as you keep the credit on!</b> If there are any bugs with this page, please contact me and let me know! Enjoy~!
</div>

<div class="k" style="position: absolute;">Site Name Here</div>
<div id="d" style="position: absolute;">
<a name="4"></a>
</div>
<div id="nav5" style="position: absolute;">
<a href="#1" class="nav">Page 1</a><br><a href="#2" class="nav">Page 2</a><br><a href="#3" class="nav">Page 3</a><br><a href="#4" class="nav">Page 4</a><br><a href="#5" class="nav">Page 5</a><br><a href="#6" class="nav">Page 6</a><br><a href="/~sunnysideupcss" class="nav">Credit</a><br>
</div>
<div id="box5" style="position: absolute;">
<br><div class="h5">Header</div>
<br><br>
This is page number five. Type anything you want here! You can edit any of the layout <b>As long as you keep the credit on!</b> If there are any bugs with this page, please contact me and let me know! Enjoy~! This is page number five. Type anything you want here! You can edit any of the layout <b>As long as you keep the credit on!</b> If there are any bugs with this page, please contact me and let me know! Enjoy~!This is page number five. Type anything you want here! You can edit any of the layout <b>As long as you keep the credit on!</b> If there are any bugs with this page, please contact me and let me know! Enjoy~!This is page number five. Type anything you want here! You can edit any of the layout <b>As long as you keep the credit on!</b> If there are any bugs with this page, please contact me and let me know! Enjoy~!This is page number five. Type anything you want here! You can edit any of the layout <b>As long as you keep the credit on!</b> If there are any bugs with this page, please contact me and let me know! Enjoy~!This is page number five. Type anything you want here! You can edit any of the layout <b>As long as you keep the credit on!</b> If there are any bugs with this page, please contact me and let me know! Enjoy~!This is page number five. Type anything you want here! You can edit any of the layout <b>As long as you keep the credit on!</b> If there are any bugs with this page, please contact me and let me know! Enjoy~!This is page number five. Type anything you want here! You can edit any of the layout <b>As long as you keep the credit on!</b> If there are any bugs with this page, please contact me and let me know! Enjoy~!This is page number five. Type anything you want here! You can edit any of the layout <b>As long as you keep the credit on!</b> If there are any bugs with this page, please contact me and let me know! Enjoy~!This is page number five. Type anything you want here! You can edit any of the layout <b>As long as you keep the credit on!</b> If there are any bugs with this page, please contact me and let me know! Enjoy~!This is page number five. Type anything you want here! You can edit any of the layout <b>As long as you keep the credit on!</b> If there are any bugs with this page, please contact me and let me know! Enjoy~!This is page number five. Type anything you want here! You can edit any of the layout <b>As long as you keep the credit on!</b> If there are any bugs with this page, please contact me and let me know! Enjoy~!
</div>

<div class="l" style="position: absolute;">Site Name Here</div>
<div id="e" style="position: absolute;">
<a name="5"></a>
</div>
<div id="nav6" style="position: absolute;">
<a href="#1" class="nav">Page 1</a><br><a href="#2" class="nav">Page 2</a><br><a href="#3" class="nav">Page 3</a><br><a href="#4" class="nav">Page 4</a><br><a href="#5" class="nav">Page 5</a><br><a href="#6" class="nav">Page 6</a><br><a href="/~sunnysideupcss" class="nav">Credit</a><br>
</div>
<div id="f" style="position: absolute;">
<a name="6"></a>
</div>
<div id="box6" style="position: absolute;">
<br><div class="h6">Header</div>
<br><br>
This is page number six. Type anything you want here! You can edit any of the layout <b>As long as you keep the credit on!</b> If there are any bugs with this page, please contact me and let me know! Enjoy~! This is page number six. Type anything you want here! You can edit any of the layout <b>As long as you keep the credit on!</b> If there are any bugs with this page, please contact me and let me know! Enjoy~!This is page number six. Type anything you want here! You can edit any of the layout <b>As long as you keep the credit on!</b> If there are any bugs with this page, please contact me and let me know! Enjoy~!This is page number six. Type anything you want here! You can edit any of the layout <b>As long as you keep the credit on!</b> If there are any bugs with this page, please contact me and let me know! Enjoy~!This is page number six. Type anything you want here! You can edit any of the layout <b>As long as you keep the credit on!</b> If there are any bugs with this page, please contact me and let me know! Enjoy~!This is page number six. Type anything you want here! You can edit any of the layout <b>As long as you keep the credit on!</b> If there are any bugs with this page, please contact me and let me know! Enjoy~!This is page number six. Type anything you want here! You can edit any of the layout <b>As long as you keep the credit on!</b> If there are any bugs with this page, please contact me and let me know! Enjoy~!This is page number six. Type anything you want here! You can edit any of the layout <b>As long as you keep the credit on!</b> If there are any bugs with this page, please contact me and let me know! Enjoy~!This is page number six. Type anything you want here! You can edit any of the layout <b>As long as you keep the credit on!</b> If there are any bugs with this page, please contact me and let me know! Enjoy~!This is page number six. Type anything you want here! You can edit any of the layout <b>As long as you keep the credit on!</b> If there are any bugs with this page, please contact me and let me know! Enjoy~!This is page number six. Type anything you want here! You can edit any of the layout <b>As long as you keep the credit on!</b> If there are any bugs with this page, please contact me and let me know! Enjoy~!This is page number six. Type anything you want here! You can edit any of the layout <b>As long as you keep the credit on!</b> If there are any bugs with this page, please contact me and let me know! Enjoy~!

</div>
<br><br><b>Unanchored</b><br><div id="preview"><img src="http://img225.imageshack.us/img225/7706/petpre5.png" style="height: 150px; width: 300px;"></div>
<br><br><div id="colors">
<img src="http://img375.imageshack.us/img375/5918/petpre5a.png"><textarea><style>
#kame {
}
body {
	background: #808080;
	cursor: move;
}
#box {
	top: 200px;
	left: 300px;
	height: auto;
	width: 500px;
	font: 7.5pt century gothic;
	color: black;
	border: 2px solid #404040;
	background-color: white;
	padding: 5px;
}
#nav {
	top: 200px;
	left: 85px;
	height: auto;
	width: 200px;
	font: 7.5pt century gothic;
	color: black;
	border: 2px solid #404040;
	background-color: white;
	text-align: center;
	padding: 5px;
}
#blog {
	top: 500px;
	left: 305px;
	height: 150px;
	width: 500px;
	border: 1px solid #808080;
	background-color: white;
	overflow: auto;
	font: 7.5pt century gothic;
	z-index: 10;
}
.nav:link, .nav:visited {
	width: 200px;
	font: 10pt tahoma;
	color: #0e5ad2;
	background-color: #808080;
	text-decoration: none;
	text-align: center;
	display: inline-block;
	border: 1px solid white;
}
.nav:hover {
	color: #e41500;
	letter-spacing: 3px;
	cursor: help;
}
h1 {
	font: 30pt georgia;
	border-right: 50px solid #e41500;
	color: #0e5ad2;
	line-height: 40px;
	text-align: left;
}
h2 {
	font: 15pt georgia;
	border-left: #0e5ad2 50px solid;
	text-align: right;
	color: #e41500;
	border-top: 2px solid black;
}
b {
	font: 10pt tahoma;
}
a:link, a:visited {
	font: 10pt tahoma;
	color: #0e5ad2;
	text-decoration: none;
}
a:hover {
	color: #e41500;
	cursor: help;
}
.title {
	left: 85px;
	top: 50px;
	font: 70pt impact;
	color: white;
}
.under {
	left: 70px;
	top: 100px;
	font: 20pt tahoma;
	color: black;
	letter-spacing: 10px;
}
.arrow {
	left: 780px;
	top: 0px;
	font: 120pt tahoma;
	color: #2df134;
	line-height: 200px;
}
</style>/>

<div class="arrow" style="position: absolute;">]</div>
<div class="title" style="position: absolute;">Site Name Here</div>
<div class="under" style="position: absolute;">Put a witty catch phrase here!</div>
<div id="nav" style="position: absolute;">
<h2>Navigation</h2>
<br><a href="/" class="nav">Link</a><br><a href="/" class="nav">Link</a><br><a href="/" class="nav">Link</a><br><a href="/" class="nav">Link</a><br><a href="/" class="nav">Link</a><br><a href="/~sunnysideupcss" class="nav">Credit</a><br><h2>Header</h2>
There's also a little place over you you can put some stuff. Maybe a quick llittle list of updates, or what's new, or link back buttons, or affiliates. Whatever you want really. Or you can just keep this as the navigation bar, and not bother with adding anything else to it. That works just fine, too.
<br><br><br><br>
Css © <b>Kame</b>

</div>

<div id="blog" style="position: absolute;">
<h1>Blog Section</h1>
Type whatever you want here! It's perfect for a blog or any updates. Use it for whatever you want, or you can just delete it! I won't be too offended. Just make sure you type enough--but not too much--before this section.<br>
Lucky for you, this box scrolls! So you don't have to worry about running out of space, or having too much space. You can type as much as you want here! Go ahead, allow yourself to get a little carried away. You don't have to worry. Plenty of pixels for you to talk about whatever you want!
</div>

<div id="box" style="position: absolute;">
<h1>Header One</h1>
<b>This is Bold</b> <i>This is italics</i> This is underlined <a href="/">This is a link</a><br><br>
Type whatever you want here! My suggestion would be a nice welcome message, or maybe rules, or if you enough space you can do both! You only have 300 pixels of space inclluding the header, so use it wisely! Or, if you don't want to worry about it, you can just delete the blog section. You won't hurt my feelings. Too much. <br><b>Important!</b> IF you do use the blog, make sure you keep all the breaks! (The little 'br's between the arrow symbols). If you don't, then whatever you type past this will be behind the blog! And no one can see it! Of course if you delete the blog, you can ignore this little message.
I would also suggest using all of this space, or else it will look funny. If you don't have enough to say, just add in some more breaks. Or you can move the blog up, by changing the top: code in the blog coding to something smaller, but then you'd have to delete some of the breaks. I would only suggest doing this if you have at least a basic idea of how codes work. So, #visitor, start typing!

<br><br><br><br><br><br><br><br><br><br><br><br><h1>Header</h1>
You can continue on down here with whatever now. The blog is out of the way, and the height is set to auto. So put all that you want! You no longer have any restrictions or limitations. I would advise putting the bulk of your content here, whatever that may be. Webbie for a guild, content for a site, your examples. Really, anything can go here.

<h2>Header Two</h2>
I am allowing you to edit any part of this code to your desire, <b>HOWEVER!</b> You may NOT claim the code as your own. You can say that you edit it, but as long as you copy and pasted this from my site, then <b>The credit remains</b>. If you don't like this, then I invite you to learn CSS for yourself, instead of riping other people off. It's reallly actually quite a lot of fun, as long as it does what you want it to.</div>
<br><br><b>Unanchored</b><br><div id="preview"><img src="http://img714.imageshack.us/img714/5439/petpre6.png" style="height: 150px; width: 300px;"></div>
<br><br><div id="colors">
<img src="http://img294.imageshack.us/img294/7668/petpre6a.png"><textarea><style>
#kame {
}
body {
	background: #c4ecf4;
}
#a {
	background-color: #a991f5;
	top: 60px;
	left: 70px;
	width: 100%;
	height: 80px;
}
#b {
	background-color: #b0f4be;
	top: 40px;
	left: 40px;
	width: 100%;
	height: 100px;
}
#c {
	background-color: #f4b0da;
	top: 80px;
	left: 90px;
	width: 100%;
	height: 60px;
}
.title {
	background-color: #c4ecf4;
	height: 40px;
	width: 100%;
	font: 35pt mistral;
	color: white;
	top: 100;
	left: 110px;
	border-left: 120px transparent solid;
}
#box {
	top: 150px;
	left: 300px;
	height: auto;
	width: 500px;
	background-color: white;
	font: 7.5pt century gothic;
	color: black;
	border-left: 10px transparent solid;
}
#navbox {
	top: 150px;
	left: 40px;
	width: 240px;
	height: auto;
	background-color: white;
	font: 7.5pt century gothic;
	color: black;
	overflow: auto;
	border-left: 10px transparent solid;
}
h1 {
	color: #a4cdf4;
	font: 30pt georgia;
	border-left: 100px transparent solid;
	line-height: 5px;
}
h2 {
	color: #a4cdf4;
	font: 20pt georgia;
	border-left: 120px transparent solid;
	line-height: 5px;
}
b {
	font: 9pt tahoma;
}
i {
	color: #c0c0c0;
}
.d {
	font: 400pt tahoma;
	color: #b0f4be;
	left: 800px;
	top: 150px;
}
.e {
	font: 400pt tahoma;
	color: #a991f5;
	left: 850px;
	top: 200px;
}
.f {
	font: 400pt tahoma;
	color: #f4b0da;
	left: 900px;
	top: 250px;
}
.nav:link, .nav:visited {
	font: 13pt tahoma;
	height: 20px;
	border: 2px solid #b0f4be;
	background-color: #a991f5;
	color: #c4ecf4;
	display: inline-block;
	margin: 2px;
	width: 150px;
	text-align: center;
}
.nav:hover {
	color: #f4b0da;
	text-decoration: -blocked-;
}
a:link, a:visited {
	font: 10pt tahoma;
	color: #a991f5;
	text-decoration: none;
}
a:hover {
	color: #b0f4be;
	border-bottom: #f4b0da solid 2px;
}
</style>/>
<div id="b" style="position: absolute;">
</div>
<div id="a" style="position: absolute;">
</div>
<div id="c" style="position: absolute;">
</div>
<div class="d" style="position: absolute;">*
</div>
<div class="e" style="position: absolute;">*
</div>
<div class="f" style="position: absolute;">*
</div>
<div class="title" style="position: absolute;">Site name here
</div>
<div id="box" style="position: absolute;">
<h1>Header One</h1>
<b>This is bold</b>  This is underlined <i>This is italics</i> <a href="/">This is a link</a><br>
This is your main blog area. Type anything you want here! You can edit any of the layout <b>As long as you keep the credit on!</b> If there are any bugs with this page, please contact me and let me know! Enjoy~! This is your main blog area. Type anything you want here! You can edit any of the layout <b>As long as you keep the credit on!</b> If there are any bugs with this page, please contact me and let me know! Enjoy~! This is your main blog area. Type anything you want here! You can edit any of the layout <b>As long as you keep the credit on!</b> If there are any bugs with this page, please contact me and let me know! Enjoy~! This is your main blog area. Type anything you want here! You can edit any of the layout <b>As long as you keep the credit on!</b> If there are any bugs with this page, please contact me and let me know! Enjoy~! This is your main blog area. Type anything you want here! You can edit any of the layout <b>As long as you keep the credit on!</b> If there are any bugs with this page, please contact me and let me know! Enjoy~! This is your main blog area. Type anything you want here! You can edit any of the layout <b>As long as you keep the credit on!</b> If there are any bugs with this page, please contact me and let me know! Enjoy~! This is your main blog area. Type anything you want here! You can edit any of the layout <b>As long as you keep the credit on!</b> If there are any bugs with this page, please contact me and let me know! Enjoy~! 
<h2>Header Two</h2>
This is your main blog area. Type anything you want here! You can edit any of the layout <b>As long as you keep the credit on!</b> If there are any bugs with this page, please contact me and let me know! Enjoy~! This is your main blog area. Type anything you want here! You can edit any of the layout <b>As long as you keep the credit on!</b> If there are any bugs with this page, please contact me and let me know! Enjoy~! This is your main blog area. Type anything you want here! You can edit any of the layout <b>As long as you keep the credit on!</b> If there are any bugs with this page, please contact me and let me know! Enjoy~! This is your main blog area. Type anything you want here! You can edit any of the layout <b>As long as you keep the credit on!</b> If there are any bugs with this page, please contact me and let me know! Enjoy~! This is your main blog area. Type anything you want here! You can edit any of the layout <b>As long as you keep the credit on!</b> If there are any bugs with this page, please contact me and let me know! Enjoy~! This is your main blog area. Type anything you want here! You can edit any of the layout <b>As long as you keep the credit on!</b> If there are any bugs with this page, please contact me and let me know! Enjoy~! This is your main blog area. Type anything you want here! You can edit any of the layout <b>As long as you keep the credit on!</b> If there are any bugs with this page, please contact me and let me know! Enjoy~!
</div>
<div id="navbox" style="position: absolute;">
<h2>Header</h2>
<center>
<a href="/" class="nav">Link</a><br><a href="/" class="nav">Link</a><br><a href="/" class="nav">Link</a><br><a href="/" class="nav">Link</a><br><a href="/" class="nav">Link</a><br><a href="/~sunnysideupcss" class="nav">Credit</a><br>
</center>
<h2>Header</h2>
You can put more text over here! Like Updates, or a short preview message. Whatever you want. Just maker sure the credit stays! =)You can put more text over here! Like Updates, or a short preview message. Whatever you want. Just maker sure the credit stays! =)You can put more text over here! Like Updates, or a short preview message. Whatever you want. Just maker sure the credit stays! =)
<br><br><br>

Css © <b>Kame</b>
</div>
<br><br><b>Unanchored</b><br><div id="preview"><img src="http://img409.imageshack.us/img409/431/petpre7.png" style="height: 150px; width: 300px;"></div>
<br><br><div id="colors">
<img src="http://img713.imageshack.us/img713/9472/petpre7a.png"><textarea><style>
#kame {
}
body {
	background: #346ffc;
}
.star {
	font: 600pt tahoma;
	color: white;
	top: -150px;
	left: 300px;
	font-weight: bold;
}
.title {
	font: 45pt georgia;
	top: 195px;
	left: 330px;
	color: #346ffc;
}
#box {
	top: 450px;
	left: 250px;
	width: 600px;
	height: auto;
	background-color: white;
	font: 7.5pt century gothic;
}
.nav:link, .nav:visited {
	background-color: #966ff7;
	width: 100px;
	height: 30px;
	font: 15pt georgia;
	display: inline-block;
	margin: 2px;
	text-align: center;
	text-decoration: none;
	text-transform: lowercase;
}
.nav:hover {
	color: #f9bf59;
	text-transform: uppercase;
}
.h1 {
	background-color: #966ff7;
	font: 30pt georgia;
	line-height: 80px;
	color: white;
}
h1 {
	font: 30pt georgia;
	color: #e39af4;
	border-left: 50pt #f9bf59 solid;
	border-right: 50pt #f9bf59 solid;
}
h2 {
	letter-spacing: 15pt;
	font: 10pt tahoma;
	color: #346ffc;
}
b {
	font: 9pt tahoma;
}
i {
	color: #e39af4;
}
a:link, a:visited {
	color: #f9bf59;
	text-decoration: none;
	font: 8pt tahoma;
}
a:hover {
	color: gray;
	text-decoration: line-through;
}
</style>/>

<div class="star" style="position: absolute;">*</div>
<div class="title" style="position: absolute;">Site Name Here</div>
<div id="box" style="position: absolute;"><center>
<br><div class="h1">Navigation</div>
<a href="/" class="nav">Link</a>
<a href="/" class="nav">Link</a>
<a href="/" class="nav">Link</a><a href="/" class="nav">Link</a>
<a href="/" class="nav">Link</a><br><h1>Header One</h1>
<b>This is bold</b>  This is underlined <i>This is italics</i> <a href="/">This is a link</a><br>
This is your main blog area. Type anything you want here! You can edit any of the layout <b>As long as you keep the credit on!</b> If there are any bugs with this page, please contact me and let me know! Enjoy~! This is your main blog area. Type anything you want here! You can edit any of the layout <b>As long as you keep the credit on!</b> If there are any bugs with this page, please contact me and let me know! Enjoy~! This is your main blog area. Type anything you want here! You can edit any of the layout <b>As long as you keep the credit on!</b> If there are any bugs with this page, please contact me and let me know! Enjoy~! This is your main blog area. Type anything you want here! You can edit any of the layout <b>As long as you keep the credit on!</b> If there are any bugs with this page, please contact me and let me know! Enjoy~! This is your main blog area. Type anything you want here! You can edit any of the layout <b>As long as you keep the credit on!</b> If there are any bugs with this page, please contact me and let me know! Enjoy~! This is your main blog area. Type anything you want here! You can edit any of the layout <b>As long as you keep the credit on!</b> If there are any bugs with this page, please contact me and let me know! Enjoy~! This is your main blog area. Type anything you want here! You can edit any of the layout <b>As long as you keep the credit on!</b> If there are any bugs with this page, please contact me and let me know! Enjoy~! 
<h2>Header Two</h2>
This is your main blog area. Type anything you want here! You can edit any of the layout <b>As long as you keep the credit on!</b> If there are any bugs with this page, please contact me and let me know! Enjoy~! This is your main blog area. Type anything you want here! You can edit any of the layout <b>As long as you keep the credit on!</b> If there are any bugs with this page, please contact me and let me know! Enjoy~! This is your main blog area. Type anything you want here! You can edit any of the layout <b>As long as you keep the credit on!</b> If there are any bugs with this page, please contact me and let me know! Enjoy~! This is your main blog area. Type anything you want here! You can edit any of the layout <b>As long as you keep the credit on!</b> If there are any bugs with this page, please contact me and let me know! Enjoy~! This is your main blog area. Type anything you want here! You can edit any of the layout <b>As long as you keep the credit on!</b> If there are any bugs with this page, please contact me and let me know! Enjoy~! This is your main blog area. Type anything you want here! You can edit any of the layout <b>As long as you keep the credit on!</b> If there are any bugs with this page, please contact me and let me know! Enjoy~! This is your main blog area. Type anything you want here! You can edit any of the layout <b>As long as you keep the credit on!</b> If there are any bugs with this page, please contact me and let me know! Enjoy~!
<h1>Credit</h1>
Css © <b>Kame</b> @ <a href="/~sunnysideupcss">Sunnyside Up CSS.</a>

</center></div>
<br><br><br><br><br><a href="#top"><img src="http://img196.imageshack.us/img196/5812/ar14.png" style="border: none;"></a>

<a name="user"></a><h3>User Lookups</h3>
<img src="http://i799.photobucket.com/albums/yy280/pattinson_lover/Neopets/new_orange.gif"><br><div id="preview"><img src="http://img684.imageshack.us/img684/7235/userpre1.png" style="height: 150px; width: 300px;"></div>
<br><br><div id="colors">
<img src="http://img401.imageshack.us/img401/5079/userpre1a.png"><textarea><a href="/">Account</a> | <a href="/">Customise</a> | <a href="/arcade.phtml">Games</a> | <a href="/">Explore</a> | <a href="/">News</a> | <a href="/">Pet Central</a> | <a href="/index.phtml">Neoboards</a> | <a href="/">Shops</a> | <a href="/shop.phtml?page=">Mall</a> | <a href="/~sunnysideupcss">Credit</a><br><div class="title">Your name here</div>
<div class="t"> 
<b>This is bold</b> <i>This is Italics</i> This is underlined <a href="/">This is a link</a><br>
Type whatever you want here! A wishlist, random stuff about yourself you want strangers on the inter net to know, the sky's the limit untill you run out of characters. Lucky for, you should have plenty to work with though.<br><br>
You can edit this page as much as you like <b>As long as the credit remains!</b>. Thank you.<br><br><b>Css © <b>Kame</b>
<br><br><br><br><br><br><br><br><style>
body {
	background: #808080;
	cursor: crosshair;
}
.title {
	font: 60pt impact;
	color: #f76823;
}
.t {
	font: 7.5pt century gothic;
	color: black;
	border-bottom: 1px solid #a11318;
}
.contentModule, .contentModuleTable, .medText {
	font: 7pt tahoma;
}
#ban {
	display: none;
}
#content, #main {
	width: 650px;
	background-color: #FFFFFF;
	border: none;
}
#main {
	position: absolute;
	left: 100px;
	top: 0px;
	margin-top: 0px;
	margin-left: 0px;
}
#header, #footer {
	display: none;
}
.contentModule, .contentModuleTable {
	border: none;
}
.contentModuleHeaderAlt, .contentModuleHeader {
	font: 20px georgia;
	color: #ec424f;
	background: none;
	border-right: #c0c0c0 solid 40px;
}
#userneopets, #userneohome {
	width: 200px;
}
#userinfo {
	width: 300px;
}
#usercollections {
	width: 75px;
}
#usershop {
	width: 50px;
}
#usershop img {
	width: 75px;
	height: 75px;
}
#userneopets img {
	width: 150px;
	height: 150px;
}
b {
	color: #2f698a;
	font: 8pt tahoma;
}
i {
	color: #72343d;
}
a:link, a:visited {
	color: #bb615c;
	font: 10pt tahoma;
}
a:hover {
	border-top: 1px solid #a11318;
	cursor: help;
}
a div.hov {
	visibility: hidden;
}
a:hover div.hov {
	visibility: visible;
}
a:hover div#hov {
	background: #fff;
	border: 1px solid #000;
	width: 375px;
	height: 330px;
	text-align: center;
}
</style></b>
</div>
<div class="t"> 
<b>This is bold</b> <i>This is Italics</i> This is underlined <a href="/">This is a link</a><br>
Type whatever you want here! A wishlist, random stuff about yourself you want strangers on the inter net to know, the sky's the limit untill you run out of characters. Lucky for, you should have plenty to work with though.<br><br>
You can edit this page as much as you like <b>As long as the credit remains!</b>. Thank you.<br><br><b>Css © <b>Kame</b>
<br><br><br><br><br><br><br><br><style>
body {
	background: #808080;
	cursor: crosshair;
}
.title {
	font: 60pt impact;
	color: #f49ae7;
}
.t {
	font: 7.5pt century gothic;
	color: black;
	border-bottom: 1px solid #a11318;
}
.contentModule, .contentModuleTable, .medText {
	font: 7pt tahoma;
}
#ban {
	display: none;
}
#content, #main {
	width: 650px;
	background-color: #FFFFFF;
	border: none;
}
#main {
	position: absolute;
	left: 100px;
	top: 0px;
	margin-top: 0px;
	margin-left: 0px;
}
#header, #footer {
	display: none;
}
.contentModule, .contentModuleTable {
	border: none;
}
.contentModuleHeaderAlt, .contentModuleHeader {
	font: 20px georgia;
	color: #a1f76b;
	background: none;
	border-right: #c0c0c0 solid 40px;
}
#userneopets, #userneohome {
	width: 200px;
}
#userinfo {
	width: 300px;
}
#usercollections {
	width: 75px;
}
#usershop {
	width: 50px;
}
#usershop img {
	width: 75px;
	height: 75px;
}
#userneopets img {
	width: 150px;
	height: 150px;
}
b {
	color: #5eacf8;
	font: 8pt tahoma;
}
i {
	color: #f49ae7;
}
a:link, a:visited {
	color: #a1f76b;
	font: 10pt tahoma;
}
a:hover {
	border-top: 1px solid #a1f76b;
	cursor: help;
}
a div.hov {
	visibility: hidden;
}
a:hover div.hov {
	visibility: visible;
}
a:hover div#hov {
	background: #fff;
	border: 1px solid #000;
	width: 375px;
	height: 330px;
	text-align: center;
}
</style></b>
</div>

<br><br><br><a href="#top"><img src="http://img196.imageshack.us/img196/5812/ar14.png" style="border: none;"></a>
<a name="look"></a><h3>Pet Lookups</h3>
<b>Note: In order for these to work,change the ( ) around the style tags to </b>. For some reason it wouldn't let save the changes on this page with them in there.
<img src="http://i799.photobucket.com/albums/yy280/pattinson_lover/Neopets/new_orange.gif"><br><div id="preview"><img src="http://img201.imageshack.us/img201/5642/petlookpre1.png" style="height: 150px; width: 300px;"></div>
<br><br><div id="colors">
<img src="http://img59.imageshack.us/img59/2600/petlookpre1a.png"><textarea>
(style)
#kame{
}
a:link, a:visited {font:10pt tahoma; color:#73a3ff;}
a:link, a:hover {color:#034bd7;border-top:1px solid #c0c0c0;}
body {background:#c0c0c0} 
b {font:9pt tahoma;color:#cbddff;}
#main {margin-top:30px;margin-bottom:70px;padding:5px;border:0;border:30px solid #1e6bfe}
#main,#content {width:740px}

.contentModuleContent,#content {border:0} .brand-mamabar,.sidebar,#header,#footer,#nst,.nav_image,#ban,.contentModuleHeader,.contentModuleHeaderAlt {display:none}
body,table,tr,td,p,.medText {font:9px century gothic;color:black;text-align:center}
#CustomNeopetView {width:330px;height:330px}
.contentModule {border:1px solid white} .contentModuleTable {border:10px solid white}
h1{color:#cbddff;font:20pt georgia;border:2px solid #cbddff;line-height:10px;}
(/style)
<a href="/myaccount.phtml">account</a> 
-<a href="/petcentral.phtml">central</a> 
-<a href="/explore.phtml">explore</a> 
-<a href="/games/arcade.phtml">games</a>  
-<a href="/neoboards/index.phtml">boards</a>  
-<a href="/objects.phtml">shops</a> 
-<a href="/nf.phtml">news</a> 
-<a href="/mall/index.phtml">nc mall</a> <a href="/~sunnysideupcss">Credit</a><br><br><br><h1>Pet Name</h1>
Type anything you want here! Your pets personality, family, information regarding trades or adoptions, or anything you want really! Just type away!<br><br>

You may edit anything on this page as long as <b>credit stays!</b>

(style)
#kame{
}
a:link, a:visited {font:10pt tahoma; color:#f25350;}
a:link, a:hover {color:#f49a98;border-top:1px solid #c0c0c0;}
body {background:#c0c0c0} 
b {font:9pt tahoma;color:#da1a16;}
#main {margin-top:30px;margin-bottom:70px;padding:5px;border:0;border:30px solid #c22b28;}
#main,#content {width:740px}

.contentModuleContent,#content {border:0} .brand-mamabar,.sidebar,#header,#footer,#nst,.nav_image,#ban,.contentModuleHeader,.contentModuleHeaderAlt {display:none}
body,table,tr,td,p,.medText {font:9px century gothic;color:black;text-align:center}
#CustomNeopetView {width:330px;height:330px}
.contentModule {border:1px solid white} .contentModuleTable {border:10px solid white}
h1{color:#ec5552;font:20pt georgia;border:2px solid #ec5552;line-height:10px;}
(/style)
<a href="/myaccount.phtml">account</a> 
-<a href="/petcentral.phtml">central</a> 
-<a href="/explore.phtml">explore</a> 
-<a href="/games/arcade.phtml">games</a>  
-<a href="/neoboards/index.phtml">boards</a>  
-<a href="/objects.phtml">shops</a> 
-<a href="/nf.phtml">news</a> 
-<a href="/mall/index.phtml">nc mall</a> <a href="/~sunnysideupcss">Credit</a><br><br><br><h1>Pet Name</h1>
Type anything you want here! Your pets personality, family, information regarding trades or adoptions, or anything you want really! Just type away!<br><br>

You may edit anything on this page as long as <b>credit stays!</b>

(style)
#kame{
}
a:link, a:visited {font:10pt tahoma; color:#d8f862;}
a:link, a:hover {color:#3de501;border-top:1px solid #c0c0c0;}
body {background:#c0c0c0} 
b {font:9pt tahoma;color:#96fb49;}
#main {margin-top:30px;margin-bottom:70px;padding:5px;border:0;border:30px solid #3de501;}
#main,#content {width:740px}

.contentModuleContent,#content {border:0} .brand-mamabar,.sidebar,#header,#footer,#nst,.nav_image,#ban,.contentModuleHeader,.contentModuleHeaderAlt {display:none}
body,table,tr,td,p,.medText {font:9px century gothic;color:black;text-align:center}
#CustomNeopetView {width:330px;height:330px}
.contentModule {border:1px solid white} .contentModuleTable {border:10px solid white}
h1{color:#96fb49;font:20pt georgia;border:2px solid #96fb49;line-height:10px;}
(/style)
<a href="/myaccount.phtml">account</a> 
-<a href="/petcentral.phtml">central</a> 
-<a href="/explore.phtml">explore</a> 
-<a href="/games/arcade.phtml">games</a>  
-<a href="/neoboards/index.phtml">boards</a>  
-<a href="/objects.phtml">shops</a> 
-<a href="/nf.phtml">news</a> 
-<a href="/mall/index.phtml">nc mall</a> <a href="/~sunnysideupcss">Credit</a><br><br><br><h1>Pet Name</h1>
Type anything you want here! Your pets personality, family, information regarding trades or adoptions, or anything you want really! Just type away!<br><br>

You may edit anything on this page as long as <b>credit stays!</b>

Resources

You MUSTPut some sort of link back to this site if you use these pixels. It doesn't have to be linked from the image, a text link is fine. Just make sure it's there and visible. Thank you.

Envelopes

Arrows

Sitely

My other site:

A banner request site.

Affiliates

Accepting any with quality content.
Apply?

Link Back

Wanna make me one? I'd love you forever. =) Click on a button to see where it came from! Unlinked ones are mine.

Listed At

Either I am listed at the following, or I am waiting to be listed there.

Reviews

Hover for score! =)

Fan Mail

Credit

Coding and content by me, Kame. Graphic by me, Kame. Images from DA. Pixels by me, Kame.Inspiration from Emma's Premade CSS. Button base, counter base, and back to top arrows from Futago. New and updated pixels from The Pixel House. Home pixel from Kawaii Fridge.