Text area (like the ones seen below)
<textarea>CODE HERE</textarea>

Pet page text area
<text_area>CODE HERE</text_area>

Positioned text area
<style> #mytext { position: absolute; top: 0px; left: 0px; } </style> <div id="mytext">TEXT HERE</div>

Solid background color

To change the background color, replace #FFFF00 with another color.

Background image
<style> body { background-image: url(URLHERE); } </style>
To change the background image, replace URLHERE with your image's address.

Fixed background image
<style> body { background-image: url(URLHERE); background-attachment: fixed; } </style>
To change the background image, replace URLHERE with your image's address.

Non-repeating fixed background image (image that scrolls with the page)
<style> body { background-image: url(URLHERE); background-attachment: fixed; background-repeat: no-repeat; background-position: right bottom; } </style>
To change the background image, replace URLHERE with your image's address.
To change the position, change right bottom to center, left center, right center, right bottom, left bottom, center bottom, right top, left top, or center top.

Non-repeating fixed background image with solid background color
<style> body { background-color: #FFFF00; background-image: url(URLHERE); background-attachment: fixed; background-repeat: no-repeat; background-position: right bottom; } </style>
To change the background color, replace #FFFF00 with another color.
To change the background image, replace URLHERE with your image's address.
To change the position, change right bottom to center, left center, right center, right bottom, left bottom, center bottom, right top, left top, or center top.

Stretched background is not possible.

Repeating background and fixed image in corner is not possible.

Default cursor

To change the cursor image, replace hand with crosshair, n-resize, e-resize, move, text, wait, help, progress, not-allowed, no-drop, vertical-text, all-scroll, col-resize, or row-resize.

Customized cursor
<style> body, a { cursor: url(URLHERE); } </style>
To change the cursor image, replace URLHERE with your cursor's address.

Sidebar template #1

Sidebar template #2

Sidebar and topbar (regular sidebar)
<style> #top, #side { background-image: url(SIDEBARURL); } #top { position: absolute; left: 0px; top: 00px; height: 042px; width: 728px; } #side { position: absolute; left: 0px; top: 00px; height: 763px; width: 130px; } #navbar { position: absolute; left: 0px; top: 63px; height: 421px; width: 130px; z-index: 1; } table, td, #n, #tbg { background: transparent; } a div, #mb, #m, #ol { visibility: hidden; } .tt, #n { position: relative; z-index: 1; } #ban { display: none; background: transparent; } </style> <div id="top"></div> <div id="side"></div> <img src="BLANKURL" border="0" id="navbar" usemap="#a">
To change the sidebar image, replace URLHERE with your image's address.
Change BLANKURL to a transparent image's address.

Sidebar only template #1

Sidebar only template #2

Sidebar only
<style> #side { background-image: url(SIDEBARURL); position: absolute; left: 0px; top: 00px; height: 763px; width: 130px; } #navbar { position: absolute; left: 0px; top: 63px; height: 421px; width: 130px; z-index: 1; } table, td, #n, #tbg { background: transparent; } a div, #mb, #m, #ol { visibility: hidden; } .tt, #n { position: relative; z-index: 1; } #ban { display: none; background: transparent; } </style> <div id="side"></div> <img src="BLANKURL" border="0" id="navbar" usemap="#a">
To change the sidebar image, replace URLHERE with your image's address.
Change BLANKURL to a transparent image's address.

Text only sidebar
<style> table, td, #n { background: transparent; } a div, #mb, #m, #ol { visibility: hidden; } </style> | <a href="http://www.neopets.com/addpet.phtml">Create</a> | <a href="http://www.neopets.com/petcentral.phtml">Central</a> | <a href="http://www.neopets.com/explore.phtml">Explore</a> | <a href="http://www.neopets.com/gameroom.phtml">Games</a> | <a href="http://www.neopets.com/objects.phtml">Shops</a> | <a href="http://www.neopets.com/neoboards/index.phtml">Boards</a> | <a href="http://www.neopets.com/nf.phtml">News</a> | <a href="http://www.neopets.com/stuff.phtml">Stuff</a> | <a href="http://www.neopets.com/help.phtml">Help</a> |

Remove sidebar
<style> table, td, #n { background: transparent; } a div, #mb, #m, #ol, #tbg, .tt, #nst, .tl { visibility: hidden; } </style>

Top banner template

Top banner
<style> #topbanner { background: url(URLHERE); height: 62px; width: 480px; position: absolute; top: 137px; left: 227px; } </style> <div id="topbanner"></div>

Remove top banner
<style> .hdr { display: none; } </style>

Change entire page font color

To change the font color, replace #0000FF with a color.

Change entire page font face
<style> body, td, p, div { font-family: verdana; } </style>
To change the font, replace the verdana with another font name.

Change entire page font size
<style> body, td, p, div { font-size: small; } </style>
To change the font size, replace the small with xx-small, x-small, medium, large, x-large, or xx-large.

Change entire page boldness
<style> body, td, p, div { font-weight: normal; } </style>
To change the boldness, replace the normal with bold.

Change entire page underline
<style> body, td, p, div { text-decoration: none; } </style>
To change the underline, replace the none with underline, overline, or strike.

Change entire page italic
<style> body, td, p, div { font-style: normal; } </style>
To change the italic, replace the normal with italic.

Change entire page letter spacing
<style> body, td, p, div { letter-spacing: 2px; } </style>
To change the spacing, replace the 2 with another number.

Change entire page line height
<style> body, td, p, div { line-height: 20px; } </style>
To change the line height, replace the 20 with another number.

Change entire page alignment
<style> body, td, p, div { text-align: left; } </style>
To change the alignment, replace the left with center or right.

Change entire page blur (Internet Explorer only)
<style> body, td, p, div { filter: blur(strength=5); } </style>

Change entire page shadow (Internet Explorer only)
<style> body, td, p, div { filter: dropshadow(color=#000000, offx=1, offy=1); } </style>

Change entire page glow (Internet Explorer only)
<style> body, td, p, div { filter: glow(color=#00FF00, strength=3); } </style>

Change bold text color, font, size, and boldness

To change the font color, replace #0000FF with a color.
To change the font, replace the verdana with another font name.
To change the font size, replace the small with xx-small, x-small, medium, large, x-large, or xx-large.
To change make it not bold, change bold to normal.

Change copyright text color, font, size, and boldness

To change the font color, replace #0000FF with a color.
To change the font, replace the verdana with another font name.
To change the font size, replace the small with xx-small, x-small, medium, large, x-large, or xx-large.
To change make it not bold, change bold to normal.

Change copyright links color, font, size, and boldness
<style> .sf a, .sf a:link, .sf a:visited { color: #0000FF; font-family: verdana; font-size: small; font-weight: bold; } .sf a:active, .sf a:hover { color: #0000FF; font-family: verdana; font-size: small; font-weight: bold; } </style>
To change the font color, replace #0000FF with a color.
To change the font, replace the verdana with another font name.
To change the font size, replace the small with xx-small, x-small, medium, large, x-large, or xx-large.
To change make it not bold, change bold to normal.

Remove copyright
<style> .sf { display: none; } </style>

Change link color, font, size, and boldness

To change the font color, replace #0000FF with a color.
To change the font, replace the verdana with another font name.
To change the font size, replace the small with xx-small, x-small, medium, large, x-large, or xx-large.
To change make it not bold, change bold to normal.

Change hovered link color, font, size, and boldness
<style> a:hover, a:active { color: #0000FF; font-family: verdana; font-size: small; font-weight: bold; } </style>
To change the font color, replace #0000FF with a color.
To change the font, replace the verdana with another font name.
To change the font size, replace the small with xx-small, x-small, medium, large, x-large, or xx-large.
To change make it not bold, change bold to normal.

To make your text not italic, add this to the very beginning of your code

You may need to add it before each section of text.

Change "Welcome, Pet, NP" color, font, size, and boldness

To change the font color, replace #0000FF with a color.
To change the font, replace the verdana with another font name.
To change the font size, replace the small with xx-small, x-small, medium, large, x-large, or xx-large.
To change make it not bold, change bold to normal.

Change "Welcome, Pet, NP" links color, font, size, and boldness
<style> .tt a, .tt a:link, .tt a:visited { color: #0000FF; font-family: verdana; font-size: small; font-weight: bold; } .tt a:active, .tt a:hover { color: #0000FF; font-family: verdana; font-size: small; font-weight: bold; } </style>
To change the font color, replace #0000FF with a color.
To change the font, replace the verdana with another font name.
To change the font size, replace the small with xx-small, x-small, medium, large, x-large, or xx-large.
To change make it not bold, change bold to normal.

Remove "Welcome, Pet, NP"
<style> .tt { display: none; } </style>