Website layouts

Spice up your website with thse layouts

Neopets themed

Under sea Flotsams
Preview! By alicia

<html>
<head>
<title>~ Title Here ~</title>
<style type="text/css">
body {color: red; background-color: #FFFFFF; font-size: 10px; font-family: verdana; background-attachment:fixed;
scrollbar-arrow-color:#FFFFFF; scrollbar-track-color:#538BB1; scrollbar-face-color:#275A7D; scrollbar-highlight-color:#538BB1; scrollbar-3dlight-color:#275A7D; scrollbar-darkshadow-color:#0A253B; scrollbar-shadow-color:#275A7D;}
a:link, a:visited {color:#275A7D; text-decoration:none; font-weight: bold;}
a:hover {color:maroon; text-decoration: underline;}
background-repeat:no-repeat;}
body, td {font-family: verdana; font-size: 10px; color: #275A7d;}
.ANKG {font-family: veranda; font-weight: none; font-size: 10px; color: #000000; text-align: justify}
.head {text-decoration: none;font-weight:bold;color: #538BB1;border: 1px solid #538BB1;letter-spacing:2px;padding-top:3px;padding-left:1px;font-family: verdana;height:20px;text-align: center; margin.height: 5px; background-color: #0A253B;}
</style>
</head>

Heading


- Link 
- Link 
- Link 
- Link

Heading


- Link 
- Link 
- Link 
- Link

Heading


- Link 
- Link 
- Link 
- Link

Heading

- Link 
- Link 
- Link 
- Link</div>

About this layout

<img src="http://images.neopets.com/template_images/flotsam_blue_tail.gif" width="150" height="150" align=left border=1>This layout features Some cute undersea neopets called Flotsams! Flotsam and 
Jetsam are actually in The little mermaid (but they're eels)

It was going to be Water faerie, but this one is so much more...fun.

<img src="http://images.neopets.com/pp/flotsam.gif" border="1" width="150" height="150" align=right border="1">Lets 
 see...This will be the main content box where you cold post graphics, Tutorials 
 or a little bit about yourself. Cool huh?

If you want to, you could add frames! You'll just have to get the coding in!
  
  
  
 
 
 Using this layout
 
 <img src="http://images.neopets.com/template_images/flotsam_red_tail.gif" align="left" border="1" width="100" height="100">If you want to get a header like the one above just type in:

 
 
 
 
 (Heading here)
If your using frames, you should put 
target="(Frame name)"

Copyright

<img src="http://images.neopets.com/template_images/flotsam_blue_blink.gif" align="right" border="1" width="100" height="100">If you use this layout, please leave the copyright at the Top of the page. Please don't steal the 
layout, or modify it without giving me credit. I am sick and tired of thieves so 
do not even try to steal this layout or you will suffer mass consequences.
 
Do not attempt to redistribute this code because it has been copyrighted and 
you will be doing so illegally. You have been warned. Hiss.
 
</center>
</div>
<div style="index: 2; left: 2; overflow: visible; width: 80; position: absolute; top: 4; height: 71">
<center> 
Credit
Layout By Koigraphics.co.nr

</center>
</div>

</html>

Petpets

Pink spardel
By alicia
Preview?

<html>
<head>
<title>~ Title Here ~</title>
<style type="text/css">
body {color: #D826AC; background-color: #FFFFFF; font-size: 10px; font-family: verdana; background-attachment:fixed;
 scrollbar-arrow-color:#D826AC; scrollbar-track-color:#7F0055; scrollbar-face-color:#590043; scrollbar-highlight-color:#7F0055; scrollbar-3dlight-color:#590043; scrollbar-darkshadow-color:#480648; scrollbar-shadow-color:#590043;}a:link, a:visited {color:deeppink; text-decoration:none; font-weight: bold;}
a:hover {color:maroon; text-decoration: underline;}
background-repeat:no-repeat;}
body, td {font-family: verdana; font-size: 10px; color: #D826AC;}
.ANKG {font-family: veranda; font-weight: none; font-size: 10px; color: #000000; text-align: justify}
.head {text-decoration: none;font-weight:bold;color: white;border: 1px solid hotpink;letter-spacing:2px;padding-top:3px;padding-left:1px;font-family: verdana;height:20px;text-align: center; margin.height: 5px; background-color: #7F0055;}
</style>
</head>

Heading


- Link 
- Link 
- Link 
- Link

Heading


- Link 
- Link 
- Link 
- Link

Heading


- Link 
- Link 
- Link 
- Link

Heading

- Link 
- Link 
- Link 
- Link</div>

<div style="index: 2; left: 482; overflow: visible; width: 364; position: absolute; top: 113; height: 899">
<center> 
About this layout
 

<img alt="Pink Spardel" src="http://images.neopets.com/items/spardel_pink.gif" align="left" border="1" width="80" height="80">This 
was originally going to be more purple...but, i decided to go for a pinkie - 
purple layout featuring a petpet (spardel) YAY pink petpets!

This is a DIV layout, simple really, just don't mess 
 with the DIV coding. That's what positions the text like so!<img alt="Pink Snowbunny" src="http://images.neopets.com/items/snowbunny_pink.gif" align="right" border="1" width="80" height="80">

Lets see...This will be the main content box where you cold post graphics, 
 Tutorials or a little bit about yourself. Cool huh? 
 
 If you want to, you could add frames! You'll just have to get the coding in!<img alt="Pink Tanizard" src="http://images.neopets.com/items/tanizard_pink.gif" align="left" border="1" width="80" height="80">
 The navigation bar is helpfully postitond on the left hand side of the layout. 
 just replace "Link" with the actual link!

Using this layout
 

 
 <img alt="Purple Doglefox" src="http://images.neopets.com/items/doglefox_purple.gif" align="left" border="1" width="80" height="80">If you want to get a header like the one above just type in:

 
 (Heading here)
If your using frames, you should put 
target="(Frame name)" 
 
 
 
Copyright

If you use this layout, please leave the copyright at the Top of<img alt="Purple Snowickle" src="http://images.neopets.com/items/snowickle_purple.gif" align="right" border="1" width="80" height="80"> 
the page. Please don't steal the layout, or modify it without giving me credit. 
I am sick and tired of thieves so do not even try to steal this layout or you 
will suffer mass consequences.
 
Do not attempt to redistribute this code because it has been copyrighted and 
you will be doing so illegally. You have been warned. Hiss.
 
 
</center>
</div>
<div style="index: 2; left: 126; overflow: visible; width: 99; position: absolute; top: 10; height: 74">
<center>

Credit
Layout By Koigraphics.co.nr

</center>
</div>
</html>

Faerie

No preview available
Battle faerie by alicia

Heading


- Link 
- Link 
- Link 
- Link

Heading


- Link 
- Link 
- Link 
- Link

Heading


- Link 
- Link 
- Link 
- Link

Heading

- Link 
- Link 
- Link 
- Link</div>

About this layout

 Battle faerie themed
  
 
 
 Using this layout
 

 
 
 
 
 <img alt="Purple Doglefox" src="http://images.neopets.com/items/doglefox_purple.gif" align="left" border="1" width="80" height="80">If you want to get a header like the one above just type in:

 
 
 
 
 (Heading here)
If your using frames, you should put 
target="(Frame name)"

Copyright

</center>
</div>

Credit
Layout By Koigraphics.co.nr

</center>
</div>

</html>