Gallery Layouts

Petpage Layouts

Userlookups Headers

Diseases & Cures

Festival of Neggs

Hidden Locations

Important Times

Restricted Pets

Collectible Cards

Petpetpet Generator

Graphics Tutorials

Button Maker - Small

Button Maker - Big

Make money from your website!

Other Layouts - Page 2

Here are some premade petpage layouts for you. To use, just choose the one you like and copy the code provided. Paste the code into your petpage description. There are two spaces provided in each layout, one for content and one for links. Simply add your own content and change the links to suit your own. These layouts will also work for webpages.

For those of you unsure of how to get to your petpage section, click here.

Neopets Related

Page 1 | Page 2

Larger View: Click Here

<style>
body {
	background: #ffffff url("http://www.jadedneo.com/graphics/petpages/other/51_bg.png") fixed;
}
body, div, a, p {
	font: 8pt verdana;
	color: #000000;
	text-align: left;
	margin-bottom: 2px;
}
#nav a:link, #nav a:visited {
	background-color: #476EB3;
	border-bottom: 1px solid #000;
	border-left: 1px solid #000;
	border-right: 1px solid #000;
	color: #000000;
	padding: 1px 1px 2px 1px;
	font: 7pt verdana;
	font-weight: bold;
	text-transform: lowercase;
	text-decoration: none;
	letter-spacing: 1px;
}
#nav a:hover {
	background-color: #476EB3;
	border-bottom: 1px solid #000;
	border-left: 1px solid #000;
	border-right: 1px solid #000;
	color: #000000;
	padding: 1px 1px 20px 1px;
	font: 7pt verdana;
	font-weight: bold;
	text-transform: lowercase;
	text-decoration: none;
	letter-spacing: 1px;
}
table a img, center p {
	height: 0px;
	width: 0px;
}
#main {
	top: 0px;
	left: 375px;
	width: 605px;
}
h1 {
	text-decoration: none;
	border-bottom: 5px solid #000000;
	color: #000000;
	letter-spacing: 3;
	font: 24pt georgia;
	text-align: center;
	text-transform: uppercase;
	line-height: 1.6em;
}
h2 {
	font: 16pt georgia;
	text-decoration: none;
	border-bottom: 5px solid #EB4F42;
	background-color: #476EB3;
	color: #000000;
	letter-spacing: 3;
	text-align: right;
}
b {
	color: #000000;
	border-bottom: 1px dashed #476EB3;
}
i {
	font: 8pt verdana;
	color: #476EB3;
	font-weight: bold;
}
blockquote {
	background-color: #EAB818;
	border-bottom: 2px dashed #000000;
	border-top: 2px dashed #000000;
	border-left: 2px dashed #000000;
	border-right: 2px dashed #000000;
	padding: 10px 10px 10px 10px;
}
</style><div id="main" style="position: absolute;">
<div id="nav">
 <a href="/myaccount.phtml">account</a>   
<a href="/customise/">customise</a>  
<a href="/games/arcade.phtml">games</a>   
<a href="/explore.phtml">explore</a>   
<a href="/nf.phtml">news</a>  
<a href="/petcentral.phtml">central</a>   
<a href="/neoboards/index.phtml">boards</a>   
<a href="/objects.phtml">shops</a>   
<a href="/mall/index.phtml">nc mall</a>  
<a href="/~A_N_A_R_K_Y">jadedneo</a>
</div>

<br><br><br><h1>Title Here</h1>

This is where you put your text. There are some example elements shown so you can see how things will look on your page.
<br><br>
This is how a <a href="/">link</a> will look. Italic text will look <i>like this</i>, bold text will look <b>like this</b> and below you can see an example of a blockquote.
<br><br><blockquote>
Blockquotes are handy if you want a section to stand out.
</blockquote> 
<br><br><br><h2>Subtitle</h2>
Put your text here! Put your text here! Put your text here! Put your text here! Put your text here! Put your text here! Put your text here! Put your text here! Put your text here! Put your text here! Put your text here! Put your text here! Put your text here! Put your text here! Put your text here! Put your text here! Put your text here! Put your text here! Put your text here!

<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br></div>

Larger View: Click Here

<style>
body {
	background: #ffffff url("http://www.jadedneo.com/graphics/petpages/other/52_bg.png") fixed;
}
body, div, a, p {
	font: 8pt verdana;
	color: #000000;
	text-align: left;
	margin-bottom: 2px;
}
#nav a:link, #nav a:visited {
	background-color: #73C9DC;
	border-bottom: 1px solid #000;
	border-left: 1px solid #000;
	border-right: 1px solid #000;
	color: #000000;
	padding: 1px 1px 2px 1px;
	font: 7pt verdana;
	font-weight: bold;
	text-transform: lowercase;
	text-decoration: none;
	letter-spacing: 1px;
}
#nav a:hover {
	background-color: #73C9DC;
	border-bottom: 1px solid #000;
	border-left: 1px solid #000;
	border-right: 1px solid #000;
	color: #000000;
	padding: 1px 1px 20px 1px;
	font: 7pt verdana;
	font-weight: bold;
	text-transform: lowercase;
	text-decoration: none;
	letter-spacing: 1px;
}
table a img, center p {
	height: 0px;
	width: 0px;
}
#main {
	top: 0px;
	left: 395px;
	width: 605px;
}
h1 {
	text-decoration: none;
	border-bottom: 5px solid #000000;
	color: #000000;
	letter-spacing: 3;
	font: 24pt georgia;
	text-align: center;
	text-transform: uppercase;
	line-height: 1.6em;
}
h2 {
	font: 16pt georgia;
	text-decoration: none;
	border-bottom: 5px solid #EB4F42;
	background-color: #73C9DC;
	color: #000000;
	letter-spacing: 3;
	text-align: right;
}
b {
	color: #000000;
	border-bottom: 1px dashed #476EB3;
}
i {
	font: 8pt verdana;
	color: #476EB3;
	font-weight: bold;
}
blockquote {
	background-color: #EAB818;
	border-bottom: 2px dashed #000000;
	border-top: 2px dashed #000000;
	border-left: 2px dashed #000000;
	border-right: 2px dashed #000000;
	padding: 10px 10px 10px 10px;
}
</style><div id="main" style="position: absolute;">
<div id="nav">
 <a href="/myaccount.phtml">account</a>   
<a href="/customise/">customise</a>  
<a href="/games/arcade.phtml">games</a>   
<a href="/explore.phtml">explore</a>   
<a href="/nf.phtml">news</a>  
<a href="/petcentral.phtml">central</a>   
<a href="/neoboards/index.phtml">boards</a>   
<a href="/objects.phtml">shops</a>   
<a href="/mall/index.phtml">nc mall</a>  
<a href="/~A_N_A_R_K_Y">jadedneo</a>
</div>

<br><br><br><h1>Title Here</h1>

This is where you put your text. There are some example elements shown so you can see how things will look on your page.
<br><br>
This is how a <a href="/">link</a> will look. Italic text will look <i>like this</i>, bold text will look <b>like this</b> and below you can see an example of a blockquote.
<br><br><blockquote>
Blockquotes are handy if you want a section to stand out.
</blockquote> 
<br><br><br><h2>Subtitle</h2>
Put your text here! Put your text here! Put your text here! Put your text here! Put your text here! Put your text here! Put your text here! Put your text here! Put your text here! Put your text here! Put your text here! Put your text here! Put your text here! Put your text here! Put your text here! Put your text here! Put your text here! Put your text here! Put your text here!

<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br></div>

Larger View: Click Here

<style>
body {
	background: #ffffff url("http://www.jadedneo.com/graphics/petpages/other/53_bg.png") bottom left fixed;
}
body, div, a, p {
	font: 8pt verdana;
	color: #000000;
	text-align: left;
	margin-bottom: 2px;
}
#nav a:link, #nav a:visited {
	background-color: #FF00B1;
	border-bottom: 1px solid #000;
	border-left: 1px solid #000;
	border-right: 1px solid #000;
	color: #000000;
	padding: 1px 1px 2px 1px;
	font: 7pt verdana;
	font-weight: bold;
	text-transform: lowercase;
	text-decoration: none;
	letter-spacing: 1px;
}
#nav a:hover {
	background-color: #FF00B1;
	border-bottom: 1px solid #000;
	border-left: 1px solid #000;
	border-right: 1px solid #000;
	color: #000000;
	padding: 1px 1px 20px 1px;
	font: 7pt verdana;
	font-weight: bold;
	text-transform: lowercase;
	text-decoration: none;
	letter-spacing: 1px;
}
table a img, center p {
	height: 0px;
	width: 0px;
}
#main {
	top: 0px;
	left: 395px;
	width: 605px;
}
h1 {
	text-decoration: none;
	border-bottom: 5px solid #000000;
	color: #000000;
	letter-spacing: 3;
	font: 24pt georgia;
	text-align: center;
	text-transform: uppercase;
	line-height: 1.6em;
}
h2 {
	font: 16pt georgia;
	text-decoration: none;
	border-bottom: 5px solid #015DFD;
	background-color: #FF00B1;
	color: #000000;
	letter-spacing: 3;
	text-align: right;
}
b {
	color: #000000;
	border-bottom: 1px dashed #80FF01;
}
i {
	font: 8pt verdana;
	color: #80FF01;
	font-weight: bold;
}
blockquote {
	background-color: #80FF01;
	border-bottom: 2px dashed #000000;
	border-top: 2px dashed #000000;
	border-left: 2px dashed #000000;
	border-right: 2px dashed #000000;
	padding: 10px 10px 10px 10px;
}
</style><div id="main" style="position: absolute;">
<div id="nav">
 <a href="/myaccount.phtml">account</a>   
<a href="/customise/">customise</a>  
<a href="/games/arcade.phtml">games</a>   
<a href="/explore.phtml">explore</a>   
<a href="/nf.phtml">news</a>  
<a href="/petcentral.phtml">central</a>   
<a href="/neoboards/index.phtml">boards</a>   
<a href="/objects.phtml">shops</a>   
<a href="/mall/index.phtml">nc mall</a>  
<a href="/~A_N_A_R_K_Y">jadedneo</a>
</div>

<br><br><br><h1>Title Here</h1>

This is where you put your text. There are some example elements shown so you can see how things will look on your page.
<br><br>
This is how a <a href="/">link</a> will look. Italic text will look <i>like this</i>, bold text will look <b>like this</b> and below you can see an example of a blockquote.
<br><br><blockquote>
Blockquotes are handy if you want a section to stand out.
</blockquote> 
<br><br><br><h2>Subtitle</h2>
Put your text here! Put your text here! Put your text here! Put your text here! Put your text here! Put your text here! Put your text here! Put your text here! Put your text here! Put your text here! Put your text here! Put your text here! Put your text here! Put your text here! Put your text here! Put your text here! Put your text here! Put your text here! Put your text here!

<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br></div>

Larger View: Click Here

<style>
body {
	background: #ffffff url("http://www.jadedneo.com/graphics/petpages/other/54_bg.png") bottom left fixed;
}
body, div, a, p {
	font: 8pt verdana;
	color: #000000;
	text-align: left;
	margin-bottom: 2px;
}
#nav a:link, #nav a:visited {
	background-color: #B7D85D;
	border-bottom: 1px solid #000;
	border-left: 1px solid #000;
	border-right: 1px solid #000;
	color: #000000;
	padding: 1px 1px 2px 1px;
	font: 7pt verdana;
	font-weight: bold;
	text-transform: lowercase;
	text-decoration: none;
	letter-spacing: 1px;
}
#nav a:hover {
	background-color: #B7D85D;
	border-bottom: 1px solid #000;
	border-left: 1px solid #000;
	border-right: 1px solid #000;
	color: #000000;
	padding: 1px 1px 20px 1px;
	font: 7pt verdana;
	font-weight: bold;
	text-transform: lowercase;
	text-decoration: none;
	letter-spacing: 1px;
}
table a img, center p {
	height: 0px;
	width: 0px;
}
#main {
	top: 0px;
	left: 395px;
	width: 605px;
}
h1 {
	text-decoration: none;
	border-bottom: 5px solid #000000;
	color: #000000;
	letter-spacing: 3;
	font: 24pt georgia;
	text-align: center;
	text-transform: uppercase;
	line-height: 1.6em;
}
h2 {
	font: 16pt georgia;
	text-decoration: none;
	border-bottom: 5px solid #FAC8D7;
	background-color: #B7D85D;
	color: #000000;
	letter-spacing: 3;
	text-align: right;
}
b {
	color: #000000;
	border-bottom: 1px dashed #B7D85D;
}
i {
	font: 8pt verdana;
	color: #B7D85D;
	font-weight: bold;
}
blockquote {
	background-color: #FAC8D7;
	border-bottom: 2px dashed #000000;
	border-top: 2px dashed #000000;
	border-left: 2px dashed #000000;
	border-right: 2px dashed #000000;
	padding: 10px 10px 10px 10px;
}
</style><div id="main" style="position: absolute;">
<div id="nav">
 <a href="/myaccount.phtml">account</a>   
<a href="/customise/">customise</a>  
<a href="/games/arcade.phtml">games</a>   
<a href="/explore.phtml">explore</a>   
<a href="/nf.phtml">news</a>  
<a href="/petcentral.phtml">central</a>   
<a href="/neoboards/index.phtml">boards</a>   
<a href="/objects.phtml">shops</a>   
<a href="/mall/index.phtml">nc mall</a>  
<a href="/~A_N_A_R_K_Y">jadedneo</a>
</div>

<br><br><br><h1>Title Here</h1>

This is where you put your text. There are some example elements shown so you can see how things will look on your page.
<br><br>
This is how a <a href="/">link</a> will look. Italic text will look <i>like this</i>, bold text will look <b>like this</b> and below you can see an example of a blockquote.
<br><br><blockquote>
Blockquotes are handy if you want a section to stand out.
</blockquote> 
<br><br><br><h2>Subtitle</h2>
Put your text here! Put your text here! Put your text here! Put your text here! Put your text here! Put your text here! Put your text here! Put your text here! Put your text here! Put your text here! Put your text here! Put your text here! Put your text here! Put your text here! Put your text here! Put your text here! Put your text here! Put your text here! Put your text here!

<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br></div>

Larger View: Click Here

<style>
body {
	background: #ffffff url("http://www.jadedneo.com/graphics/petpages/other/55_bg.png") bottom left fixed;
}
body, div, a, p {
	font: 8pt verdana;
	color: #000000;
	text-align: left;
	margin-bottom: 2px;
}
#nav a:link, #nav a:visited {
	background-color: #4E6D37;
	border-bottom: 1px solid #000;
	border-left: 1px solid #000;
	border-right: 1px solid #000;
	color: #EDE0B0;
	padding: 1px 1px 2px 1px;
	font: 7pt verdana;
	font-weight: bold;
	text-transform: lowercase;
	text-decoration: none;
	letter-spacing: 1px;
}
#nav a:hover {
	background-color: #4E6D37;
	border-bottom: 1px solid #000;
	border-left: 1px solid #000;
	border-right: 1px solid #000;
	color: #EDE0B0;
	padding: 1px 1px 20px 1px;
	font: 7pt verdana;
	font-weight: bold;
	text-transform: lowercase;
	text-decoration: none;
	letter-spacing: 1px;
}
table a img, center p {
	height: 0px;
	width: 0px;
}
#main {
	top: 0px;
	left: 395px;
	width: 700px;
}
h1 {
	text-decoration: none;
	border-bottom: 5px solid #000000;
	color: #000000;
	letter-spacing: 3;
	font: 24pt georgia;
	text-align: center;
	text-transform: uppercase;
	line-height: 1.6em;
}
h2 {
	font: 16pt georgia;
	text-decoration: none;
	border-bottom: 5px solid #000000;
	background-color: #4E6D37;
	color: #EDE0B0;
	letter-spacing: 3;
	text-align: right;
}
b {
	color: #000000;
	border-bottom: 1px dashed #4E6D37;
}
i {
	font: 8pt verdana;
	color: #4E6D37;
	font-weight: bold;
}
blockquote {
	background-color: #EDE0B0;
	border-bottom: 2px dashed #000000;
	border-top: 2px dashed #000000;
	border-left: 2px dashed #000000;
	border-right: 2px dashed #000000;
	padding: 10px 10px 10px 10px;
}
</style><div id="main" style="position: absolute;">
<div id="nav">
 <a href="/myaccount.phtml">account</a>   
<a href="/customise/">customise</a>  
<a href="/games/arcade.phtml">games</a>   
<a href="/explore.phtml">explore</a>   
<a href="/nf.phtml">news</a>  
<a href="/petcentral.phtml">central</a>   
<a href="/neoboards/index.phtml">boards</a>   
<a href="/objects.phtml">shops</a>   
<a href="/mall/index.phtml">nc mall</a>  
<a href="/~A_N_A_R_K_Y">jadedneo</a>
</div>

<br><br><br><h1>Title Here</h1>

This is where you put your text. There are some example elements shown so you can see how things will look on your page.
<br><br>
This is how a <a href="/">link</a> will look. Italic text will look <i>like this</i>, bold text will look <b>like this</b> and below you can see an example of a blockquote.
<br><br><blockquote>
Blockquotes are handy if you want a section to stand out.
</blockquote> 
<br><br><br><h2>Subtitle</h2>
Put your text here! Put your text here! Put your text here! Put your text here! Put your text here! Put your text here! Put your text here! Put your text here! Put your text here! Put your text here! Put your text here! Put your text here! Put your text here! Put your text here! Put your text here! Put your text here! Put your text here! Put your text here! Put your text here!

<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br></div>

Larger View: Click Here

<style>
body {
	background: #ffffff url("http://www.jadedneo.com/graphics/petpages/other/56_bg.png") bottom left fixed;
}
body, div, a, p {
	font: 8pt verdana;
	color: #000000;
	text-align: left;
	margin-bottom: 2px;
}
#nav a:link, #nav a:visited {
	background-color: #AFC8EC;
	border-bottom: 1px solid #000;
	border-left: 1px solid #000;
	border-right: 1px solid #000;
	color: #000000;
	padding: 1px 1px 2px 1px;
	font: 7pt verdana;
	font-weight: bold;
	text-transform: lowercase;
	text-decoration: none;
	letter-spacing: 1px;
}
#nav a:hover {
	background-color: #AFC8EC;
	border-bottom: 1px solid #000;
	border-left: 1px solid #000;
	border-right: 1px solid #000;
	color: #000000;
	padding: 1px 1px 20px 1px;
	font: 7pt verdana;
	font-weight: bold;
	text-transform: lowercase;
	text-decoration: none;
	letter-spacing: 1px;
}
table a img, center p {
	height: 0px;
	width: 0px;
}
#main {
	top: 0px;
	left: 395px;
	width: 605px;
}
h1 {
	text-decoration: none;
	border-bottom: 5px solid #000000;
	color: #000000;
	letter-spacing: 3;
	font: 24pt georgia;
	text-align: center;
	text-transform: uppercase;
	line-height: 1.6em;
}
h2 {
	font: 16pt georgia;
	text-decoration: none;
	border-bottom: 5px solid #8299D1;
	background-color: #AFC8EC;
	color: #000000;
	letter-spacing: 3;
	text-align: right;
}
b {
	color: #000000;
	border-bottom: 1px dashed #AFC8EC;
}
i {
	font: 8pt verdana;
	color: #AFC8EC;
	font-weight: bold;
}
blockquote {
	background-color: #FEDFBE;
	border-bottom: 2px dashed #000000;
	border-top: 2px dashed #000000;
	border-left: 2px dashed #000000;
	border-right: 2px dashed #000000;
	padding: 10px 10px 10px 10px;
}
</style><div id="main" style="position: absolute;">
<div id="nav">
 <a href="/myaccount.phtml">account</a>   
<a href="/customise/">customise</a>  
<a href="/games/arcade.phtml">games</a>   
<a href="/explore.phtml">explore</a>   
<a href="/nf.phtml">news</a>  
<a href="/petcentral.phtml">central</a>   
<a href="/neoboards/index.phtml">boards</a>   
<a href="/objects.phtml">shops</a>   
<a href="/mall/index.phtml">nc mall</a>  
<a href="/~A_N_A_R_K_Y">jadedneo</a>
</div>

<br><br><br><h1>Title Here</h1>

This is where you put your text. There are some example elements shown so you can see how things will look on your page.
<br><br>
This is how a <a href="/">link</a> will look. Italic text will look <i>like this</i>, bold text will look <b>like this</b> and below you can see an example of a blockquote.
<br><br><blockquote>
Blockquotes are handy if you want a section to stand out.
</blockquote> 
<br><br><br><h2>Subtitle</h2>
Put your text here! Put your text here! Put your text here! Put your text here! Put your text here! Put your text here! Put your text here! Put your text here! Put your text here! Put your text here! Put your text here! Put your text here! Put your text here! Put your text here! Put your text here! Put your text here! Put your text here! Put your text here! Put your text here!

<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br></div>

Page 1 | Page 2

| Apply? |

The Toybox - Click here
Kid Korner - Click here
Visuality - Click here
My Jaded Reality - Click here