Terms of Use

Do NOT alter the coding of our graphics to create your own.
Do NOT remove the credits or claim that you made these graphics. Remember to credit us! ^__^

We would also really appreciate the bandwidth you'd be saving us if you saved the images to your own host and linked to them from there. ^_^

Petpages by faeriedragon66

Very Lost Desert

<STYLE>
			
* {
	margin: 0; padding: 0; border: 0;
}

body {
		height: 100%;
		font-family: tahoma;
		letter-spacing: 1px;	
		font-size: 13px;
		line-height: 18px;
		background: url(http://i290.photobucket.com/albums/ll242/TNOgraphics/petpages/vicky-desertpp-bg2.png) #6D5052;
		text-align: center;
}
	#footer {
		width: 800px; height: 60px;
		text-align: center;
}

#frame {
		width: 800;
		background: url(http://i290.photobucket.com/albums/ll242/TNOgraphics/petpages/vicky-desertpp-bg.png);
		left: 50%;
		margin-left: -400px;
}
	#nav {
		float:left;
		width: 140px;
		text-align: right;
		font-variant: small-caps;
		padding-left: 10px;
		text-align: right;
}
	#content {
		width: 628px;
		float: right;
		
}
	.content {
		clear: both;
		background: url(http://i290.photobucket.com/albums/ll242/TNOgraphics/petpages/vicky-desertpp-content2.png);
		width: 628px;
		margin-left: 1px;
}
	.context {
		width: 560px;
		text-align: left;
		padding-left: 40px;
		color: #abdbe1;
}

#header {
		background: url(http://i290.photobucket.com/albums/ll242/TNOgraphics/petpages/vicky-desertpp-layout.png);
		width: 800;
		height: 565;
		font-weight: normal;	
}
	ul {
		text-align: center;
		list-style: none;
}
	li a {
		margin: 10px;
		padding-top: 5px;
		width: 140px;
		height: 28px;
		display: block;
		background: #f7f5bd;
		color: #5e425d;
		font-family: tahoma;
		font-size: 30px;
		border-left: 10px solid #5e425d;
		border-top: 1px solid #5e425d;
		border-bottom: 1px solid #5e425d;
		border-right: 10px solid #5e425d;
}

li a:hover {
		color: #893232;	
		border-left: 10px solid #893232;
		border-top: 1px solid #893232;
		border-bottom: 1px solid #893232;
		border-right: 10px solid #893232;
}
	a {
		color: #fff;
		font-variant: small-caps;
		text-decoration: none;
}
	a:hover {
		color: #f7f5bd;
}
	strong {
		color: #f7f5bd;
}

h1 {
		display: block;
		width: 300px;
		font-size: 48px;
		font-family: "times new roman"; 
		color: #893232;
		letter-spacing: -1;
		text-transform: uppercase;
		line-height: .8;
		text-align: right;
}
	h2 {
		display: block;
		width: 280px;
		font-size: 12px;
		font-family: "times new roman"; 
		color: #893232;		
		text-transform: uppercase;
		text-align: right;
}

.h {
		height: 56px;
		width: 628px;
		background: url(http://i290.photobucket.com/albums/ll242/TNOgraphics/petpages/vicky-desertpp-content1.png);
		float: right;
}
	h3 {
		text-align: right;
		margin-right: 110px;
		margin-top: 20px;
		color: #634663;
		font-family: georgia;
		font-size: 24px;
		text-transform: uppercase;
		font-weight: normal;
		letter-spacing: -1px;
}
	.sf, .smallfont {
		display: none;
}

</STYLE>
<DIV id="frame" style="position: absolute;">
<DIV id="header">
<DIV style="position: relative; top: 230px; left: 230px; text-align: left;">
	<h1>edit these titles</h1>
	<h2 style="position: relative; left: 30px;">subtitle</h2>
</DIV> </DIV>

<div class="h" id="one">
	<h3>subtitle I</h3></div>
<div class="content"><div class="context">
		
	<strong>strong text</strong>
	<p><i>Lorem ipsum</i> <a href="http://neopets.com">link text</a>, <b>consectetur adipiscing elit</b>. In laoreet, justo elementum congue elementum, purus quam, ac varius risus ante sed nibh. Pellentesque sagittis vestibulum metus, a pretium turpis interdum quis. Sed elementum euismod mattis. Suspendisse lobortis vulputate nunc, vitae convallis diam tincidunt id. </p>
		
</div></div>
<img src="http://i290.photobucket.com/albums/ll242/TNOgraphics/petpages/vicky-desertpp-content3.png">

<div class="h" id="two">
	<h3>using this layout</h3></div>
<div class="content"><div class="context">
	<strong>Hello there</strong> 
	<p>The default code has only 3 links and 2 content boxes. However, you can make as many of each as you want by recopying the code.</p> 
	<p>Tags that are capitalized (e.g: "DIV" rather than "div") should not be edited.</p>
	<p>This petpage was created by <a href="http://www.neopets.com/userlookup.phtml?user=faeriedragon66">faeriedragon66</a>. You may use my code for your own purposes with permission. If you're simply altering this layout, you don't need permission as long as you continue to credit me.</p>
		
</div></div>
<img src="http://i290.photobucket.com/albums/ll242/TNOgraphics/petpages/vicky-desertpp-content3.png">
	
</DIV>

Plum Elegance

.sf, td[align="center"] {
		display: none;
}

body {
		background: url(http://i290.photobucket.com/albums/ll242/TNOgraphics/petpages/vicky_pun_dsidebg.png) repeat-y top left #432e36;
}
		
	#header {
		width: 100%;
		height: 260px;
		background: url(http://i290.photobucket.com/albums/ll242/TNOgraphics/petpages/vicky_pun_hdrbg.png) repeat-x;
		overflow: hidden;
		z-index: 1;
}

#logo {
		background: url(http://i290.photobucket.com/albums/ll242/TNOgraphics/petpages/vicky_pun_hdrimg.png) no-repeat top left;
		z-index: 20;
			top: 0;
			left: 0;
		width: 303; height: 260;
}

#vertalign {
			left: 59px;
			top: 10px;		
		z-index: 26;	
		text-align: center;			
}
	#title {	
		height: 220px;
		width: 215px;	
		line-height: 100%;
		letter-spacing: -2px;			
		font-family: georgia, "times new roman", serif;
		font-size: 30px;
		color: #432e36;			
}

#frame {
			top: 130px;
			left: 300px;
		z-index: 20;		
		margin-right: 10px;
}

#sidebar {
		float: right;
		width: 25%;
		font-family: tahoma, serif;
		letter-spacing: 3px;
		font-size: 11px;
		color: #d8cd99;		
		line-height: 1;
		text-align: left;
		margin-left: 10px;
}

#contentframe {	
		float: left;	
		width: 70%;
	
}

.content {
		font-family: georgia, "times new roman", sans-serif;
		letter-spacing: 1px;
		font-size: 12px;
		color: #808471;		
		line-height: 2;
	
}
	#nav {	
			top: 76px;
			left: 300px;
		clear: both;
		float: left; 
		margin-left: 4px; 
		color: #fff;
		list-style-type: 0;
			border-bottom: #988c53;	
		overflow: hidden;
		z-index: 50;
}

#nav li {	
		background: url(http://i290.photobucket.com/albums/ll242/TNOgraphics/petpages/vicky_pun_navbg.png) top left no-repeat;
		list-style-type: none;
		float: left;
		margin-left: 10px;
		padding-left: 10px; 
		padding-right: -10px;
		height: 30px;
}

#nav li a {
		display: block;
		background: url(http://i290.photobucket.com/albums/ll242/TNOgraphics/petpages/vicky_pun_navbg.png) top right no-repeat #3d4731;
		padding-right: 10px;
		padding-top: 10px;
		font-family: "gill sans", "century gothic", tahoma, sans-serif;
		color: #3d4731;
		text-decoration: none;
		text-transform: uppercase;
		letter-spacing: -1px;
		font-weight: normal;
}

#nav li a:hover {
		color: #8c7d3d;
}

h1 {
		color: #2d161f;
		font-family: helvetica neue, gill sans, tahoma, verdana, sans-serif;
		text-align: right;
		font-size: 45px;
		margin-bottom: -3px;
		letter-spacing: -2px;
		line-height: 40px;
}

h2 {
		color: #d8cd99;
		font-family: "gill sans", serif;
		font-size: 11px;
		letter-spacing: 4px;
		text-align: right;
		font-weight: normal;
		text-transform: uppercase;
		padding-bottom: 5px;
		margin-bottom: 5px;
		border-bottom: 1px solid #2d161f;
}

.small {
		font-family: tahoma, verdana, serif;
		font-size: 10px;
		letter-spacing: 1;
		color: #2d161f;
}

a {
		color: #ccc;
		text-decoration: none;
}
	a:hover {
		background: #d8cd99;
		color: #4b4f47;
}

a.alt {
		color: #2d161f;
		text-decoration: underline;
}

p {
		margin-bottom: 15px;
}

.petframe {
		background: #4b4f47; 
		border-right: 15px #ccc solid;
		padding: 10px;
}
	.pet {
		float: right;
		border: 10px #2d161f solid;
		padding: 1px;
		margin-left: 20px;
		height: 200px; width: 200px;
}

#savebutton
		{ width: 200px; height:400px; align: left;
}

</style>

<div id="header">
<div id="navwrap">		
<ul id="nav" style="position: absolute;">
	<li class="nav"><a href="#anchor1">1 one</a></li>
	<li class="nav"><a href="#anchor2">2 two</a></li>	
	<li class="nav"><a href="#anchor3">3 three</a></li>
	<li class="nav"><a href="#anchor4">4 four</a></li>	
	<li class="nav"><a href="http://neopets.com">5 five</a></li>
	<li class="nav"><a href="http://neopets.com">6 six</a></li>		
</ul>

<ul id="nav" style="position: absolute; left: 280px; top: 45px;">
	<li class="nav"><a href="http://neopets.com">seven</a></li>
	<li class="nav"><a href="http://neopets.com">eight</a></li>	
	<li class="nav"><a href="http://neopets.com">nine</a></li>
	<li class="nav"><a href="http://neopets.com">ten</a></li>	
	<li class="nav"><a href="http://neopets.com">eleven</a></li>	
	<li class="nav"><a href="http://neopets.com">twelve</a></li>	
</ul>
</div>
	<div id="logo" style="position: absolute;"></div>
</div>
<div id="frame" style="position: absolute;">
<div id="sidebar">

<img src="http://i290.photobucket.com/albums/ll242/TNOgraphics/petpages/vicky_pun_icon.png" style="margin-bottom: 20px; margin-top: 20px;"> <br />
	
		<p class="small">Layout made by <a href="http://www.neopets.com/userlookup.phtml?user=faeriedragon66" class="alt">Vicky</a> for The Official Neopian Orphanage. 
	<br /><br />
	
	NEOPETS, characters, logos, names and all related indicia
are trademarks of Neopets, Inc., © 1999-2010. All rights reserved.</p>	
</div>

<h1 id="anchor1">content headline</h1>
	<h2>an optional sub-headline goes here</h2>
		<div class="content">
		<p>If you use this layout, I only ask that you continue to credit me (faeriedragon66) and The Official Neopian Orphanage. Please keep in mind that while I did my best to accomodate all major browsers and resolutions, those with 800x600 screens and lower may have slight problems.  </p>

<h1 id="anchor2">waiting for inspiration</h1>
	<h2>i sound my barbaric yawp</h2>
		<div class="content">
		<p>A child said  What is the grass? fetching it to me with full hands, /
How could I answer the child? I do not know what it is any more than he. /
I guess it must be the flag of my disposition, out of hopefull green stuff woven. /
Or I guess it is the handkerchief of the Lord, /
A scented gift and remembrancer designedly dropt, /
Bearing the owner's name someway in the corners, that we may see and remark, and say Whose? /
Or I guess the grass is itself a child, the produced babe of the vegetation. /
Or I guess it is a uniform hieroglyphic, /
And it means, Sprouting alike in broad zones and narrow zones, /
Growing among black folks as among white, /
Kanuck, Tuckahoe, Congressman, Cuff, I give them the same, I receive them the same.</p>
</div>

<h1 id="anchor3">content headline</h1>
	<h2>an optional sub-headline goes here</h2>
		<div class="content">
		<p>If you use this layout, I only ask that you continue to credit me (faeriedragon66) and The Official Neopian Orphanage. Please keep in mind that while I did my best to accomodate all major browsers and resolutions, those with 800x600 screens and lower or those who use Internet Explorer may have slight problems.  </p>

<p><b>Tabs.</b> I provided two rows of tabs for navigation. If you only need one row, you can get rid of one; if you need more, I suggest you use the column to the right. <img src="http://billopan.com/adopt/nucleus/plugins/fancytext/smiles/icon_wink.gif" /></p>
</div>
	
	<h1 id="anchor4">waiting for inspiration</h1>
	<h2>i sound my barbaric yawp</h2>
		<div class="content">
		<p>
		A child said  What is the grass? fetching it to me with full hands, /
How could I answer the child? I do not know what it is any more than he. /
I guess it must be the flag of my disposition, out of hopefull green stuff woven. /
Or I guess it is the handkerchief of the Lord, /
A scented gift and remembrancer designedly dropt, /
Bearing the owner's name someway in the corners, that we may see and remark, and say Whose? /
Or I guess the grass is itself a child, the produced babe of the vegetation. /
Or I guess it is a uniform hieroglyphic, /
And it means, Sprouting alike in broad zones and narrow zones, /
Growing among black folks as among white, /
Kanuck, Tuckahoe, Congressman, Cuff, I give them the same, I receive them the same.</p>
</div>

</div>

</div></div>

Petpages by rein_

Black & Yellow Illusen <style> body, td, p { font-family: Verdana; font-size: 12px; color: #000; cursor: crosshair; line-height: 14px; text-align: justify; } .sf, .eks {//display: none;} a:link { font-family: verdana; color: #004500; font-weight: bold; text-decoration: none; } a:visited { font-family: verdana; color: #004500; font-weight: bold; text-decoration: none; } a:hover { font-family: verdana; font-size: 12px; color: #fff; text-decoration: underline overline; cursor: crosshair; display: normal; } .ch { font-family: Trebuchet MS; font-size: 20px; font-weight: bold; color: #005800; text-align: center; letter-spacing: 2px; background-color: #F1EC00; padding: 5px; } .body { background-color: #31D000; border-right: 15px solid #009400; border-bottom: 5px solid #009400; text-align: justify; } .nav { font-family: Verdana; font-size: 10px; font-weight: bold; color: #005800; text-align: center; letter-spacing: 2; background-color: #4DB400; } #side { float: left; //margin-top: 10px; width: 250px; padding: 10px; text-align: center; font-size: 10px; color: #fff; } #content { float: left; margin-top: -20px; width: 600px; padding: 10px; text-align: justify; font-size: 12px; } </style /> </head> <body bgcolor="#001C00"> <div id="side"><p class="ch">Header</p> Insert links, fosters, etc. ^^ <p class="ch">Header</p> More fun stuff here! <p class="ch">Credit</p> Layout by <a href="http://www.neopets.com/userlookup.phtml?user=rein_">rein_</a> for billopan.com </div> <div id="content"><table width=600 border=0 cellpadding=0 cellspacing=0 align=center> <td width=100% valign=top> <img src="http://i27.tinypic.com/jgqhk6.jpg"> <table width=100% border=0 cellpadding=5 cellspacing=1> <tr><td valign=top class="nav">Navigation: <a href="#1">Anchor1</a> \| <a href="#2">Anchor2</a> \| <a href="#3">Anchor3</a> \| <a href="#4">Anchor4</a></td></tr> </p></td></tr> </table><p> <a name="1"></a> <table width=100% border=0 cellpadding=5 cellspacing=1> <tr><td valign=top class="ch">Header</a></td></tr> <tr><td valign=top class="body"> Your text here </td></tr><table><p> <a name="2"></a> <table width=100% border=0 cellpadding=5 cellspacing=1> <tr><td valign=top class="ch">Header</a></td></tr> <tr><td valign=top class="body"> Your text here </p></td></tr><table><p> <a name="3"></a> <table width=100% border=0 cellpadding=5 cellspacing=1> <tr><td valign=top class="ch">Header</a></td></tr> <tr><td valign=top class="body"> Your text here </p></td></tr><table><p> <a name="4"></a> <table width=100% border=0 cellpadding=5 cellspacing=1> <tr><td valign=top class="ch">Header</a></td></tr> <tr><td valign=top class="body"> Your text here </p></td></tr><table><p> </p></td></tr> </table><p> </td> <br><br><br> </table></div>	Chuckles the Clown <style> #eks { } body { margin: 0pt; background-repeat: repeat-y; background-position: center; } div, td { font-family: Georgia,Arial,Tahoma; font-size: 11px; color:#ffca19 } a:link, a:active, a:visited { text-decoration:cursor:crosshair; color: #340040; letter-spacing: 3px; word-spacing: 2px; height: 1px; } A:hover { text-decoration: none; color:#e574ff; } .head1 { text-align: center; color: #790098; font-family: georgia; font-size: 25pt; text-transform: none; font-weight: bold;:0px line-height: 2px; background-color: #f3ff00; border-top: solid 2px #d16701; border-bottom: solid 2px #d16701; border-right: solid 1px #790098; border-left: solid 1px #790098; } .ch { color: #CF6B91; letter-spacing: 2px; word-spacing: 1px; height: 1px; font-weight: bold; color: #d16701; border: 1px solid #d16701; letter-spacing:3px; padding-top:2px; padding-right:2px; height: 26px; font-family: Georgia; text-align: center; background-color: #000000; } .nav { font-family: Georgia; font-size:11; color: #ff75bd; } </style /> </head><body background="http://i290.photobucket.com/albums/ll242/TNOgraphics/petpages/kaie_chucklesbg.jpg" bgcolor=#000000 text="firebrick"> <div style="position: absolute; left: 290; top: 15; width: 690;"> <img src="http://i290.photobucket.com/albums/ll242/TNOgraphics/petpages/kaie_chuckles.jpg"></div> <div class="nav" style="position: absolute; top: 267px; left: 135px; width: 150px; height: 200px; background-color: #000000;"> <p class="ch">Navigation or sidetext</p> <br><a href="http://www.neopets.com">Link</a><br>Text <p class="ch">Credits</p> <br>Site © Your Name<br> Layout from billopan.com By <a href="http://www.neopets.com/userlookup.phtml?user=rein_">Kaie (rein_)</a></div> <div class="content" style="position: absolute; left: 390px; top: 270px; width: 500px; background-color: #000000;"> <p class="head1">Header</p> text<br>text<br>text<br>text<br>text<br>text<br>text<br>text<br>text<br>text <br>text<br>text<br>text<br>text<br>text<br>text<br> </p>
Two Raindorf <style> body, td, p { font-family: arial, helvetica, sans-serif; font-size: 10px; color: #000000; cursor: normal; line-height: 10px; align: justify; } a:link { font-family: verdana; font-size: 9px; color: #0184be; font-weight: bold; text-decoration: none; } a:visited { font-family: verdana; font-size: 9px; color: #0184be; font-weight: bold; text-decoration: line-through; } a:hover { font-family: verdana; font-size: 10px; color: #deb800; text-decoration: none; border-bottom-style: dotted; border-color: #936600; border-bottom-width: 1px; cursor: crosshair; display: normal; line-height: 10px; } .ch { font-family: trebuchet ms; font-size: 14px; font-weight: bold; text-transform: lowercase; color: #8d8290; text-align: left; letter-spacing: 2; font-weight: bold; background-color: white; border-color: #28cfe1; border-style: dashed; border-width: 1px; } .body { background-color: #b1d8dc; border-style: solid; border-width: 1px; border-color: #9e6b02; } </style /> </head> <body bgcolor=#28cfe1> <div style="position: absolute; left: 10px; width: 588px; background-color: #28cfe1;"> <table width=588 border=0 cellpadding=0 cellspacing=0 align=left> <tr> <td background="http://i290.photobucket.com/albums/ll242/TNOgraphics/petpages/kaie_raindorf.jpg" width=588 height=251 border=0></td></tr> <tr><td valign=top colspan=5> <table bgcolor=#d1fbff width=588 height=307 border=0 cellpadding=0 cellspacing=5 align=left> <tr><td width=75% valign=top> <table width=100% border=0 cellpadding=5 cellspacing=1> <tr><td valign=top class="ch">content</td></tr> <tr><td valign=top class="body"> <p align="justify"> <br><br><br><br><br><br><br><br><br><br><br><br><br> </p></td></tr> </table> <table width=100% border=0 cellpadding=5 cellspacing=1> <tr><td valign=top class="ch">content</td></tr> <tr><td valign=top class="body"> <p align=justify> <br><br><br><br><br><br><br><br><br><br><br><br> </p></td></tr> </table> <table width=100% border=0 cellpadding=5 cellspacing=1> <tr><td valign=top class="ch">content</td></tr> <tr><td valign=top class="body"> <p align=justify> <br><br><br><br><br><br><br><br><br><br><br><br></tr></td> </table> </td> <td width=25% valign=top> <table width=100% border=0 cellpadding=5 cellspacing=1> <tr><td class="ch">menu</td></tr> <tr><td valign=top class="body"> <a href="'">link</a><br> <a href="'">link</a><br> <a href="'">link</a><br> <a href="'">link</a><br> <a href="'">link</a><br></td></tr></table> <table width=100% border=0 cellpadding=5 cellspacing=1> <tr><td class="ch">menu</td></tr> <tr><td valign=top class="body"> <a href="'">link</a><br> <a href="'">link</a><br> <a href="'">link</a><br> <a href="'">link</a><br> <a href="'">link</a><br></td></tr></table> <table width=100% border=0 cellpadding=5 cellspacing=1> <tr><td class="ch">menu</td></tr> <tr><td valign=top class="body"> <a href="'">link</a><br> <a href="'">link</a><br> <a href="'">link</a><br> <a href="'">link</a><br> <a href="'">link</a><br></td></tr></table> </td></tr> </table> </td></tr> <tr><td bgcolor=white valign=top colspan=5 height=15><table border=0 cellspacing=2 cellpadding=3 align=center><tr><td valign=top> <p align=center>Credit <br> Site © Your name <br>From billopan.com</A> <br>Layout: <a href="http://www.neopets.com/userlookup.phtml?user=rein_" target="_blank">Kaie (rein_)</A></td></tr></table></td></tr></div>	Poogle Pals <style> #eks { } body { background: #b4b1cc url(http://i290.photobucket.com/albums/ll242/TNOgraphics/petpages/kaie_pooglesbg.jpg); background-repeat:repeat-x; } div, td { font-family: Arial; font-size: 11px; color: #2254b5; } a:link, a:active, a:visited { text-decoration:cursor:crosshair; color:#558fff; letter-spacing:3px; word-spacing: 2px; height: 1px; } A:hover { text-decoration: none; color:#FFFFFF; cursor:crosshair; } .ch { text-decoration: cursor:crosshair; color:#7489a1; letter-spacing: 4px; word-spacing: 1px; height: 1px; font-weight: bold; color: #150c4c; border: 1px solid #7489a1; letter-spacing: 5px; padding-top: 0px; padding-right: 0px; font-family: Helvetica; height: 16px; text-align: center; //margin.height: 0px; background-color: #FFFFFF; } .content { text-decoration: color:#2254b5; letter-spacing: 1px; height: 2px; line-height: 100%; text-align: left; //margin.height: 30px; } .title { border-bottom: 1px dashed #31282e; padding: 3px; text-align: left; color: #150c4c; font: 18px Helvetica; letter-spacing : 3px; font-weight: bold; font-variant: small-caps; margin-bottom: 3px; } </style /> </head><body text="firebrick"> <div style="position: absolute; left: 613px; top: 0px;"> <img src="http://i290.photobucket.com/albums/ll242/TNOgraphics/petpages/kaie_poogles.jpg"></div> <div class="content2" style="position: absolute; left:410px; top: 20px; width: 171px;"> <p> <p><p class="ch">Navigation</p> <p class="content"> <a href=" ">Link</a><br> <a href=" ">Link</a><br> <a href=" ">Link</a><br> <a href=" ">Link</a><br> <a href=" ">Link</a><br> <a href=" ">Link</a><br> <a href=" ">Link</a><br> </p> <br><br><br><br><br><br> <p class="ch">Header</p> <p class="content"> <br>Text<br>Text<br>Text<br>Text<br>Text<br> <br> <br></p><br><br><br><br><br><br><br> <p class="ch">Header</p> <p class="content"> Text<br>Text<br>Text<br>Text<br>Text<br>Text<br> </p> <br><br><br><br><br><br><br> <p class="ch">Credits</p> <p class="content"> Site © Your Name<br> From billopan.com<br> Layout by <a href="http://www.neopets.com/userlookup.phtml?user=rein_">Kaie (rein)</a> </div> <div class="body"> <div class="bg"></div> <div style="position: absolute; left: 614px; top: 393px; width: 633px; background-color: #FFFFFF; border-style: solid; color: #150c4c; padding: 0px 5px 0px 5px;"> <p><td><b><p class="title">Header</p> Your text here<br><br><br><br><br><br><br><br><br><br><br><br><br><br> <p> </td>
Grey Grey Faerie <style> #eks { } body { color: #000; margin: 0px; font-family: Verdana; font-size: 13px; background: url(http://i290.photobucket.com/albums/ll242/TNOgraphics/petpages/kaie_graybg.jpg) top left repeat-y; background-color: #939496; } a:visited { color: #ffffff; text-decoration: none; cursor: crosshair; } a:link { color: #807f7f; text-decoration: underline; cursor: crosshair; } a:hover { color: #000000; text-decoration: none; font-weight: none; cursor: crosshair; } .sf {font-size: 8pt;} div.bg { background: url(http://i290.photobucket.com/albums/ll242/TNOgraphics/petpages/kaie_gray1.jpg) top left no-repeat; width: 600x; height: 358px; } div.bg1 { background: url(http://i290.photobucket.com/albums/ll242/TNOgraphics/petpages/kaie_gray2.jpg) top left no-repeat; width: 599px; height: 92px; } #div { margin-left: 600px; float: left; width: 150px; padding-bottom: 5px; } #div1 { float: left; margin-left: 68px; margin-top: 0px; width: 469px; padding-bottom: 5px; } div.content { background-color: #C0C0C0; margin-top: 10px; border: 1px dashed #939496; } div#padding { padding: 3px; } div.font { color: #fff; font-family: Georgia; font-size: 20px; text-align: right; padding: 0px; border-bottom: 1px dashed #000; margin-bottom: 5px; margin-top: 15px; } div.font:first-letter { font-weight: bold; color: #807f7f; text-transform: none; } ul { padding-left: 15px; margin: 0px; list-style-type: dot; } div.h1 { color: #fff; font-family: Georgia; font-size: 20px; text-align: right; padding: 0px; border-bottom: 1px dashed #000; margin-bottom: 5px; margin-top: 5px; } div.h1:first-letter { font-weight: bold; color: #807f7f; text-transform: none; } </style /> </head> <body> <div align="left"> <div class="bg"></div> <div class="bg1"> <div id="div"> <div class="font">Navigation</div> Text here <div class="font">Header</div> <div class="nav"><ul> <li><a href=>Link </A></li> <li><a href=>Link </A></li> <li><a href=>Link </A></li> <li><a href=>Link </A></li> </ul></div> <div class="font">Header</div> <div class="nav"><ul> <li><a href=>Link </A></li> <li><a href=>Link </A></li> <li><a href=>Link </A></li> <li><a href=>Link </A></li> </ul></div> <div class="font">Credits</div> <center> Site © Your name <br>From billopan.com</A> <br>Layout: <a href="http://www.neopets.com/userlookup.phtml?user=rein_" target="_blank">Kaie (rein_)</A> </center> </div> <div id="div1" style="position: absolute;"> <div class="content" id="padding"> <div class="h1">Header here</div> Your text here<p> <a href="http://neopets.com">Link</a><p> <b>Bold text</b><p> <i>Italic</i><p> <u>Underline</u><p> </div> <div class="content" id="padding"> <div class="h1">Header here</div> Your text here<p> <a href="http://neopets.com">Link</a><p> <b>Bold text</b><p> <i>Italic</i><p> <u>Underline</u><p> </div> </center>	Green Spardel <style> div, td { font-family: Verdana; font-size: 11px; color: #2b5214; text-align: center; } a:link, a:active, a:visited {text-decoration:cursor:crosshair; color: #407200; letter-spacing: 3px; word-spacing: 2px; height: 1px; } A:hover { text-decoration: none; color:#FFFFFF; cursor:crosshair; } .title { border-bottom: 1px dashed #62bb2d; padding: 3px; text-align: right; color: #358f01; font: 20px Verdana; letter-spacing : 3px; font-weight: bold; font-variant: small-caps; margin-bottom: 3px; } </style /> <body background="http://i443.photobucket.com/albums/qq154/kaietheschaeper/sbg3.jpg"> <p> <p> <p class="head"> <p class="content"> <div style="position: absolute; top: 50px; left: 140px; width: 400px; height: 400px; background-color: #FFFFFF; overflow: auto;"> <img src="http://i443.photobucket.com/albums/qq154/kaietheschaeper/spardel.jpg"> </div> <div style="position: absolute; top: 50px; left: 540px; width: 540px; height: 400px; background-color: #8ac73b; overflow: auto;"> <p> <p> <p class="title">Title</p> Text<br>Text<br>Text<br>Text<br>Text <br>Text<br>Text<br>Text<br>Text<br>Text<br>Text <br>Text<br>Text<br>Text<br>Text<br>Text<br>Text <br>Text<br>Text<br>Text<br>Text<br>Text<br>Text<br>Text<br> Text<br> Text<br> Text<br> Text<br>Text<br>Text<br>Text<br>Text<br>Text<br>Text<br> <p class="title">Title</p> Text<br>Text<br>Text<br>Text<br>Text<br>Text<br> Text<br>Text<br>Text<br>Text<br>Text<br>Text<br>Text<br>Text<br> Text<br>Text<br>Text<br>Text<br> Text<br>Text<br>Text<br>Text<br>Text<br>Text<br>Text<br> Text<br>Text<br>Text<br>Text<br>Text<br>Text<br>Text<br>Text<br> <p class="title">Credits</p> Site © Your name <br>From billopan.com</A> <br>Layout: <a href="http://www.neopets.com/userlookup.phtml?user=rein_" target="_blank">Kaie (rein_)</A>
Draik & Meepit fun <style>// #eks { } body { background: url('http://i290.photobucket.com/albums/ll242/TNOgraphics/blogs/kaiebg_meepitdraik.png'); } div { font-family: Trebuchet MS; font-size: 12px; color: #000; text-align: justify; } a:visited { color: #000; text-decoration: none; cursor: crosshair; font-weight: bold; } a:link { color: #000; text-decoration: underline; cursor: crosshair; font-weight: bold; } a:hover { color: #000; font-weight: bold; letter-spacing: 1px; text-decoration: underline overline; cursor: crosshair; } h1 { font: 16pt Georgia; color: #24106b; border-bottom: 3px dotted #f24590; font-style: italic; font-weight: bold; margin-top: 3px; } h2 { font: 12pt Trebuchet MS; color: #424064; text-align: right; font-weight: bold; padding-right: 50px; } </style /> <table style="height: 525px; width: 700px; position: fixed; top: 100px; left: 300px; margin: -10px;" background="http://i290.photobucket.com/albums/ll242/TNOgraphics/blogs/Kaie_main_meepitdraik.png" align="left"> <tr><td> <div style="padding: 5px; position: relative; top: 0px; left: 235px; height: 420px; width: 400px; overflow: auto; text-align: justify;"> <h1>Header</h1> Text here<br>Text here<br> <a href=" ">Link</a> <h2>Header 2</h2> Text here<br>Text here<br>Text here<br>Text here<br>Text here<br>Text here<br> Text here<br>Text here<br>Text here<br>Text here<br>Text here<br>Text here<br>Text here<br>Text here<br> Text here<br>Text here<br>Text here<br>Text here<br>Text here<br>Text here<br>Text here<br>Text here<br> <p>Layout by <a href="http://www.neopets.com/userlookup.phtml?user=rein_">rein_</a> </div> </td></tr></table>	Stellar Shoyru <style> #eks { } body { font-family: Trebuchet MS; font-size: 12px; color:#FFFFFF; background-color: #1d2023; margin: 0px; } h1 { font-family: Courier New; font-size: 12px; color: #1d2024; border: #6e7887 solid 1px; background-color: #b8cce7; text-align:center; letter-spacing: 5px; padding: 2px; } .box { background-color:#3a5271; text-align:justify; border: #6e7887 solid 1px; } .nav { background-color:#3a5271; text-align:center; border: #6e7887 solid 1px; } a:link, a:active, a:visited { text-decoration: none; color:#6086b8; } a:hover { text-decoration: underline overline; color:#81b1f0; cursor:crosshair; } </style /> <table width=623 border=0 cellpadding=0 cellspacing=0> <tr> <td> <img src="http://i290.photobucket.com/albums/ll242/TNOgraphics/petpages/Kaie_Shoyru_PP.png" width=623 height=550></td> </tr> </table> <div id="content" style="position:absolute; left:275px; top:325px; width:450px; height:283px;"> <h1>Welcome</h1> <p class="box"><br> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque adipiscing. Morbi auctor nisi id nunc. Nullam dolor. Phasellus ac dolor ac erat pulvinar accumsan. Vivamus libero justo, pellentesque sed, ornare quis, vehicula id, sapien. Vestibulum eget lorem et metus lacinia ultrices. Proin laoreet nibh in mauris. Mauris ornare. Maecenas venenatis. Duis porttitor dictum ligula. Nam a nunc non libero bibendum vehicula. Nulla sed massa eu enim eleifend pretium. Praesent quis augue. Fusce fringilla. Curabitur rutrum tincidunt neque. Aliquam nec mauris vitae justo dignissim dictum. <br> <br> </p> <h1>Header</h1> <p class="box"> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque adipiscing. Morbi auctor nisi id nunc. Nullam dolor. Phasellus ac dolor ac erat pulvinar accumsan. Vivamus libero justo, pellentesque sed, ornare quis, vehicula id, sapien. Vestibulum eget lorem et metus lacinia ultrices. Proin laoreet nibh in mauris. Mauris ornare. Maecenas venenatis. Duis porttitor dictum ligula. Nam a nunc non libero bibendum vehicula. Nulla sed massa eu enim eleifend pretium. Praesent quis augue. Fusce fringilla. Curabitur rutrum tincidunt neque. Aliquam nec mauris vitae justo dignissim dictum. </p> <h1>Extras</h1> <p class="box"> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque adipiscing. Morbi auctor nisi id nunc. Nullam dolor. Phasellus ac dolor ac erat pulvinar accumsan. Vivamus libero justo, pellentesque sed, ornare quis, vehicula id, sapien. Vestibulum eget lorem et metus lacinia ultrices. Proin laoreet nibh in mauris. Mauris ornare. Maecenas venenatis. Duis porttitor dictum ligula. Nam a nunc non libero bibendum vehicula. Nulla sed massa eu enim eleifend pretium. Praesent quis augue. Fusce fringilla. Curabitur rutrum tincidunt neque. Aliquam nec mauris vitae justo dignissim dictum. </p> <br> </p> </div> <div id="content" style="position:absolute; left:43px; top:465px; width:199px; height:283px;"> <h1>Navigation</h1> <p class="nav"> <a href="#1">link</a><br> <a href="#2">link</a><br> <a href="#3">link</a><br> <a href="#4">link</a><br> </p> <h1>Links</h1> <p class="nav"> <a href="#1">link</a><br> <a href="#2">link</a><br> <a href="#2">link</a><br> <a href="#3">link</a><br> </p> <h1>Credits</h1> <p class="nav"> Layout by <a href="http://www.neopets.com/userlookup.phtml?user=rein_">rein_</a> for billopan.com Please DO NOT REMOVE! </p>
Up For Adoption! Blue & Yellow <style> body { background: #000 url('http://i290.photobucket.com/albums/ll242/TNOgraphics/petlookups/kaie_UFA_bg.png') fixed; font-family: century gothic; color: #1e00ff; line-height:100%; text-align: justify; font-size: 12px; } .pet { background-color: #9e99c2; font-family: verdana; font-size: 8pt; color: #000; padding: 10 10 10 10; height: 150px; width: 300px; text-align: left; } h1 {font-family: trebuchet ms; font-size: 26px; color: #0d0072; text-align: left; padding-left: 15px; border-bottom: 1px #cc68f6 dotted; line-height: 100%; } a:link { color: #080042; font-weight: bold; } a:visited { text-decoration: none; color: #5d578c; font-weight: bold; } a:active { text-decoration: none; color: #080042; } A:hover { text-decoration: underline; background-color: #e1f347; letter-spacing: 1px; } .sf {display:none;} </style /> <body> <center> <p> <div style="position: center; width: 600px; height: 55px; overflow: auto;"> <img src="http://i290.photobucket.com/albums/ll242/TNOgraphics/petlookups/kaie_UFA_header.png"></div> <div style="position: center; width: 600px; height: 400px; background-color: #fffb9b; overflow: auto; border: dashed #1e00ff 1px; padding: 5px;"> <h1>Header</h1> <br>Sed lacus est, dapibus et, consequat quis, mattis consequat, lorem. Integer turpis orci, accumsan sed, pharetra ut, posuere vel, nisl. Sed velit ipsum, vulputate non, interdum at, fringilla vitae, neque. Nunc iaculis sodales dolor. Duis a metus a quam semper ultrices. Cras ut nisi. In ut dolor quis sem scelerisque sollicitudin. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent non ipsum eget risus convallis volutpat. Integer accumsan magna non sem. Vestibulum mollis. Nullam at diam interdum augue cursus rhoncus. Morbi non libero. Nam dapibus. Suspendisse potenti. <h1>Pets</h1> <p class="pet"><img src="http://pets.neopets.com/cpn/Syferai/1/2.png" style="float:left; margin-right: 5px;"><a href="http://www.neopets.com/petlookup.phtml?pet=Syferai"><center>Syferai</center></a><br><br> Level: 2<br> Gender: Male<br> Hit Points: 79 / 79<br> Strength: GREAT (21)<br> Defence: poor<br> Movement: mach 2<br> Intelligence: master genius (79)</p> <p>Nam euismod dictum velit. Mauris tristique. Pellentesque consequat, nulla in venenatis vulputate, urna sem scelerisque nunc, sodales congue dui ligula vitae lorem. Morbi est ligula, eleifend id, lobortis at, adipiscing id, ipsum. Vivamus id purus. Etiam id nulla. Proin et leo. Fusce viverra, augue id feugiat sollicitudin, ante tellus facilisis lorem, a malesuada purus risus ac nisl. In leo ipsum, blandit nec, pulvinar eu, pulvinar id, diam. Vestibulum ut tellus. Cras quis nulla vel lectus consequat pellentesque. Praesent non risus non eros pulvinar auctor. Nulla ac sem a lorem mollis fermentum. Duis consectetur eros non quam. Donec tortor odio, tincidunt et, ornare quis, tempor sit amet, metus. Nam felis mauris, dapibus id, porta vel, interdum in, mi. Suspendisse non odio at magna consequat posuere. Mauris a tortor. <p> Integer auctor ultricies tellus. Vestibulum eget erat placerat nunc venenatis ultrices. Cras massa lacus, lobortis ac, lobortis sed, molestie a, ligula. Aenean justo. Praesent nec ligula. Donec sit amet justo ac est tempus volutpat. Duis eu sem sit amet dolor iaculis convallis. In a eros a ante ullamcorper aliquam. Integer a mauris. Donec est justo, molestie vitae, porta ut, volutpat vel, quam. Nulla luctus scelerisque odio. Donec pulvinar, justo a elementum rhoncus, lacus ipsum bibendum dolor, vel lobortis elit elit non mauris. Donec malesuada. <p> Integer auctor ultricies tellus. Vestibulum eget erat placerat nunc venenatis ultrices. Cras massa lacus, lobortis ac, lobortis sed, molestie a, ligula. Aenean justo. Praesent nec ligula. Donec sit amet justo ac est tempus volutpat. Duis eu sem sit amet dolor iaculis convallis. In a eros a ante ullamcorper aliquam. Integer a mauris. Donec est justo, molestie vitae, porta ut, volutpat vel, quam. Nulla luctus scelerisque odio. Donec pulvinar, justo a elementum rhoncus, lacus ipsum bibendum dolor, vel lobortis elit elit non mauris. Donec malesuada. </div> <p> </div> Layout by <a href="http://www.neopets.com/userlookup.phtml?user=rein_">rein_</a> for billopan.com </body> </p>	Up For Adoption! Black & White <style> #eks { } body { color: #000; margin: 0px; font-family: Verdana; font-size: 10px; background: url(http://i290.photobucket.com/albums/ll242/TNOgraphics/petpages/kaie_UFA_petpage_bg.png) top left repeat-y; background-color: #fff; } a:link, a:visited { color: #ae0000; font-weight: bold; text-decoration: none; cursor: crosshair; } a:hover { color: #000000; text-decoration: none; font-weight: none; cursor: crosshair; } .sf {font-size: 8px;} div.bg { background: url(http://i290.photobucket.com/albums/ll242/TNOgraphics/petpages/kaie_UFA_petpage_header.png) top left no-repeat; width: 600x; height: 320px; } div.bg1 { background: url(http://i290.photobucket.com/albums/ll242/TNOgraphics/petpages/kaie_UFA_petpage_bg.png) top left no-repeat; width: 599px; height: 42px; } #div { margin-left: 600px; margin-top: -220px; float: left; width: 150px; padding-bottom: 5px; } #main { float: left; margin-left: 48px; margin-top: 0px; width: 503px; padding-bottom: 5px; text-align: justify; } div.font { background-color: #000; font-family: century gothic; font-size: 18pt; color: #fff; padding-bottom: 3px; padding-left: 7px; margin-bottom: 3px; } div.font:first-letter { font-weight: bold; font-style: oblique; } .head {background-color: #000; font-family: century gothic; font-size: 18pt; color: #fff; padding-bottom: 3px; padding-left: 10px; margin-bottom: 3px;} .head:first-letter {font-style: oblique; font-weight: bold;} .nav { display: block; padding: 5 10 5 10; text-decoration : none; font-weight : bold; margin: 5 0 5 0; background-color: #346667; font-family: century gothic; font-size: 8pt; } A:link.nav, A:visited.nav { background-repeat : no-repeat; background : #000; color : #fff; } A:hover.nav { background : #fff; color : #000; border: #000 dotted 1px; text-transform: none; } .pet { font-family: verdana; font-size: 8pt; color: #000; padding: 10 10 10 10; height: 150px; width: 300px; text-align: left; margin-left: 90px; border: #000 dotted 1px; } .name {font-family: verdana; text-align: center;} a:link.name, a:visited.name {color: #000; font-weight: bold; border-bottom: #000 dotted 1px;} a:hover.name { color: #ae0000; } </style /> </head> <body> <div align="left"> <div class="bg"></div> <div class="bg1"> <div id="div" style="position: fixed;"> <div class="font">Navigation</div> <a class="nav" href="http://neopets.com">Link</a> <a class="nav" href="http://neopets.com">Link</a> <a class="nav" href="http://neopets.com">Link</a> <a class="nav" href="http://neopets.com">Link</a> <a class="nav" href="http://neopets.com">Link</a> <a class="nav" href="http://neopets.com">Link</a> <a class="nav" href="http://neopets.com">Link</a> <a class="nav" href="http://neopets.com">Link</a> <br>Credit: billopan.com</A> <br>Layout by <a href="http://www.neopets.com/userlookup.phtml?user=rein_" target="_blank">Kaie (rein_)</A> </center> </div> <div id="main" style="position: absolute;"> <div class="head">Header</div> Sed lacus est, dapibus et, consequat quis, mattis consequat, lorem. Integer turpis orci, accumsan sed, pharetra ut, posuere vel, nisl. Sed velit ipsum, vulputate non, interdum at, fringilla vitae, neque. Nunc iaculis sodales dolor. Duis a metus a quam semper ultrices. Cras ut nisi. In ut dolor quis sem scelerisque sollicitudin. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent non ipsum eget risus convallis volutpat. Integer accumsan magna non sem. Vestibulum mollis. Nullam at diam interdum augue cursus rhoncus. Morbi non libero. Nam dapibus. Suspendisse potenti. <p class="pet"><img src="http://pets.neopets.com/cpn/Syferai/1/2.png" style="float:left; margin-right: 5px;"><a class="name" href="http://www.neopets.com/petlookup.phtml?pet=Syferai">Syferai</a><br><br> Level: 2<br> Gender: Male<br> Hit Points: 79 / 79<br> Strength: GREAT (21)<br> Defence: poor<br> Movement: mach 2<br> Intelligence: master genius (79)<br> Petpet: Zapped</p> <p> <a href="http://neopets.com">Link</a><p> <b>Bold text</b><p> <i>Italic</i><p> <u>Underline</u><p> Sed lacus est, dapibus et, consequat quis, mattis consequat, lorem. Integer turpis orci, accumsan sed, pharetra ut, posuere vel, nisl. Sed velit ipsum, vulputate non, interdum at, fringilla vitae, neque. Nunc iaculis sodales dolor. Duis a metus a quam semper ultrices. Cras ut nisi. In ut dolor quis sem scelerisque sollicitudin. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent non ipsum eget risus convallis volutpat. Integer accumsan magna non sem. Vestibulum mollis. Nullam at diam interdum augue cursus rhoncus. Morbi non libero. Nam dapibus. Suspendisse potenti.

Petpages by Joy

Up To No Good

#banner {position:absolute; left:0px; top:14px; }

#content {
	color: #916432;
	font-family:verdana, arial, sans-serif;
	font-size:10px;
	position:absolute;
	left:235px; top:184px; width:380px;
	padding-left:10px;
	}

#content h1{
	color:#9D6938;
	font:9pt times new roman;
	font-weight:bold; 
	background-color: #D6C7B5;
	text-transform:uppercase;
	border-bottom:2px solid #9D6938;
	text-align:right;
	}

#nav {	
	color:#9D6938;
	font-family:verdana, arial;
	font-size:11px;
	position:absolute;
	left:25px; top:380px; width:200px;
	padding:3px;
	}

#nav h1{
	color:#9D6938;
	text-transform:uppercase;
	font:9pt times new roman;
	font-weight:bold;
	border-bottom:2px solid #D6C7B5;
	text-align:left;
	}

a{	
	color:#A98B6E;
	font:10pt verdana;
	text-decoration:none
	}

a:hover{
	color:#9D6938;
	text-decoration: underline;
	background-color: #D6C7B5;
	}

</style />

<h1>Side Content</h1>
This is the side bar. Place links and extraneous content over here. ^__^<BR><BR>

<h1>Navigation</h1>
<a href="index.html">Top</a>
<BR><BR>
<a href="#one">Link 1</a><BR>
<a href="#two">Link 2</a><BR>
<a href="#three">Link 3</a><BR>
<BR>

<h1>Links Out</h1>

</div>

<h1>HEADING</h1>

<p><i>Heermeedjet: "All this eating is making me sleepy...
I think it might be time for a nap.</i></p>

<p><i>Merouladen: "Honest, I was gonna put that back...</i> </p>

<p>Despite their unconvential methods, the Meerca Brothers are quickly gaining a reputation as Neopia's top burglars. Doing the bidding of their evil master, these stealing siblings have already had a hand in number of high profile robberies... who knows when they'll strike again?</p>

<p align="right"><a href=http://www.neopets.com/neopedia.phtml?neopedia_id=77><i>~ Neopedia : The Meerca Brothers</i></a></p>

normal.
<b>bold.</b>
<i>italic.</i>
<u>underline.</u>
<a href=http://www.neopets.com>link.</a>

</center>

<h1>Terms of Use</h1>

<p>You may not edit the coding or banner in any way, or use it to make your own layouts.</p>

<p>Do not remove the credits.
Do not claim the petpage as your own.</p>

Petpages by xrenewed

Purple Scorchio

.smallfont, .sf, table {display: none;}

textarea {height:20px;
    width: 50px;
    font-family: small fonts;
    font-size: 6pt;
    border-top: 1px solid #57257E;
    border-bottom: 1px solid #CC98F1;
    border-right: 1px solid #57257E;
    border-left: 1px solid #CC98F1;}

body{background: url(http://img107.imageshack.us/img107/1118/scorchybgfi2.gif);}

body {scrollbar-face-color:#CC98F1;
    scrollbar-shadow-color:#57257E;
    scrollbar-highlight-color:#57257E;
    scrollbar-3dlight-color:#F2C2FE;
    scrollbar-arrow-color:#57257E;
    scrollbar-track-color:#F2C2FE;
    scrollbar-darkshadow-color:#F2C2FE;}

BODY, P, A, FONT, TD, DIV, .V {line-height: 8pt; color: #000000; font-family: tahoma; cursor: default; font-size: 7pt;}

b {letter-spacing: 1pt; color: #57257E; line-height: 8pt;
    font-family: tahoma; font-size: 7pt;}

i {color: #CC98F1; background-color: #57257E;
    font-family: tahoma; font-size: 7pt;}

a:link, a:visited, a:active {letter-spacing: 1pt;
    color: #57257E; line-height: 8pt;
    font-family: tahoma; font-size: 7pt;
    cursor: crosshair; text-decoration: underline;}

a:hover {letter-spacing: 1pt;
    color: #CC98F1; line-height: 8pt;
    font-family: tahoma; font-size: 7pt;
    cursor: crosshair; text-decoration: underline;}

hr {color: #CC98F1; border: 1px solid #000000; height: 4px; width: 100%;}

h1 {text-align: center; color: #57257E; font-family: Tahoma; font-size: 7pt; background-color: #CC98F1; line-height: 15px; margin: 0px; text-transform: uppercase; border-bottom: 2px dotted #57257E;}

h2 {text-align: center; color: #CC98F1; font-family: Tahoma; font-size: 7pt; background-color: #57257E; line-height: 15px; margin: 0px; text-transform: uppercase; border-left: 25px solid #CC98F1; border-right: 25px solid #CC98F1;}

ul {list-style-type: none; padding: 4; margin: 4;}

li {background-image: url(http://img.photobucket.com/albums/v378/NightsMistress/tnostuff/scorchyarr.gif); background-repeat: no-repeat; padding-left: 1.1em;}

</style />

</div>

<BR><h2>header 2</h2>

<br><b>this is bold</b>
    <br><i>this is italic</i>
    <br><u>this is underlined</u>
    <br><text_area>this is a text area</text_area>
    <br>this is normal text and below is a horizontal rule
    <br><hr>

</div>

<h1>header 1</h1>
    <ul>
    <li><a href="http://www.neopets.com">link</a>
    <li><a href="http://www.neopets.com">link</a>
    <li><a href="http://www.neopets.com">link</a>
    </ul>

Petpages by Freesong

Blood Moon

#main {
	width: 600px; 
	border: 1px solid #d6bebe; 
	background: #3e0909; 
	position: absolute; 
	top: 20px; 
	left: 10px;
	height: 5000px;
}

#header {
	width: 600px; 
	height: 466px; 
	background: url(http://i290.photobucket.com/albums/ll242/TNOgraphics/petpages/bloodmoon_banner.gif);
}

#right {
	border: 1px solid #d6bebe; 
	background: #3e0909; 
	position: absolute; 
	top: 20px; 
	left: 620px;
	height: 5000px; 
	width: 180px; 
}

#right ul,
#right li {
	list-style-type: none;
	background: #5b0101;
	padding: 10px 0 10px 0;
	text-align: center;
	font-weight: bold;
	color: #d14c4c;
	letter-spacing: 5px;
}

#right ul {
	margin: 0px;
	background: transparent;
	padding: 0px;
}

#right li {
	border-bottom: 1px solid #d6bebe;
}

#right li:hover {
	background: #913a3a;
}

#right a {
	text-align: center;
	font-weight: bold;
	color: #d14c4c;
	letter-spacing: 5px;
	text-decoration: none;
}

#right a:hover {
	font-style: italic;
}

.content {
	margin: 20px;
	text-align: justify;
	color: #d05151;
	font: 11px/16px "Lucida Grande","Lucida Sans","Lucida Sans Unicode",Lucida,Arial,Helvetica,sans-serif;}

.content table {
	background: #000;
	border: 1px solid #d6bebe; 
	width: 90%;
}

.sf {
	text-align: justify;
	color: #d05151;
	font: 11px/16px "Lucida Grande","Lucida Sans","Lucida Sans Unicode",Lucida,Arial,Helvetica,sans-serif;}

.sf a {
	text-decoration: none;
	color: #d5bdbd; 
}

font, body, div, table, tr, td, ul, li, a, li a, ul a {
	font: 10px verdana, sans-serif;
}

a {
	color: #d5bdbd; 
	font: 7px;
}

a:hover {
	border: 1px dotted #d5bdbd;
}

h1 {
	margin: 0px;
	background: #d6bebe; 
	padding: 6px 10px 6px 0; 
	text-align: right; 
	text-transform: lowercase; 
	font: 10px verdana, sans-serif; 
	font-weight: bold; 
	color: #6c4747; 
}

table {
	background: #000;
	width: 600px;
	position: absolute; 
	top: 0px; 
	left: 10px;
	height: 20px;
	vertical-align: middle;
}

</style />

<body>

<div id="right">
	<h1>Navigation</h1>

<h1>Stats</h1>
<ul>
<li>You can put your pet's
<li>stats here or more
<li>links or whatever
<li>you like.
</ul>
</div>

<h1>Blood Moon</h1>

<div class="content">
Your content goes here ^-^

Credit Us

Graphics

TNO Related

Terms of Use