Welcome

Welcome to Darkest Faerie Lair! I've had to close the site at Cool Cherry Cream because we were getting too many visitors, thereby using up too much of the server's resources and crashing our site and other people's sites. So now we live here at Neopets.

If you have any problems or questions, go to www . cool cherry cream . com / neopets

The Codes

Can't find what you're looking for? Press Ctrl and F on your keyboard and type in a keyword like "sidebar" or "glow". If you still can't find it, send sunshinejenny a neomail and I'll try to add the code.

TEXT AREA
| Text Area |

IMAGES
| Background | Cursor | Shield | Shop Items | Sidebar | Top Banner |

TEXT
| Entire Page | Bold Text | Copyright Text | Gender and Trophy Text | Trades, Auctions, Games, Stamps, and Wishlist Text | Neomail and Neofriend Text | Links | Stop Italic Text | Welcome, Pet, and NP Text | Name The Color Species |

OTHER
| Scroll Bar | Horizontal Rule | Clock |

REMOVE
| Removing Parts of the Lookup | Removing Parts of the Shop | Removing Parts of the Guild | Removing Parts of the Pet Lookup | Removing General |

TABLES
| Lookup Table | Shop Table | Gallery Table |

Text Area

Text area (like the ones seen below):

[textarea]CODE HERE[/textarea]

Pet page text area:

[text-area]CODE HERE[/text-area]

IMPORTANT! You must replace the [square brackets] in the code above with greater then and less than signs AND you must replace the - with an _

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

Background

Solid background color:
<style> body { background-color: #FFFF00; } </style>
To change the background color, replace #FFFF00 with another color.

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

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

Non-repeating fixed background image (image that scrolls with the page):
<style> body { background-image: url(http://www.neopets.com/image.gif); background-attachment: fixed; background-repeat: no-repeat; background-position: right bottom; } </style>
To change the background image, replace http://www.neopets.com/image.gif 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(http://www.neopets.com/image.gif); 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 http://www.neopets.com/image.gif 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.

Cursor

Default cursor:
<style> body, a { cursor: hand; } </style>
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(http://www.neopets.com/image.cur); } </style>
To change the cursor image, replace http://www.neopets.com/image.cur with your cursor's address.

Shield

Shield template:
http://usera.imagecave.com/sunshinejenny/templates/shield_template.gif

Shield:
<style> i.shield { background: url(http://www.neopets.com/image.gif); position: absolute; height: 150px; width: 100px; top: 280px; left: 590px; } </style> <i class="shield"></i>
To change the shield image, replace http://www.neopets.com/image.gif with your image's address.
You need to change the top and left numbers to position the shield in the right place.

Remove shield is not possible.

Shop Items

Change border around items:
<style> img { border-color: #FF0000; border-width: 1px; border-style: solid; } </style>
To change the border color, replace #FF0000 with a color.
To change the border thickness, replace 1 with another number.
To change the border style, replace solid with dotted or dashed.

Remove border around items:
<style> img { border-width: 0px; } </style>

Make items glow (Internet Explorer only):
<style> img { filter: chroma(color=#FFFFFF) glow(color=#FFFFFF, strength=5); } </style>

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

Change item name's color, size, font, bold:
<style> table tr tr td b { color: #0000FF; font-size: small; font-family: verdana; font-weight: bold; } </style>
To change the color, replace #0000FF with a color.
To change the font size, replace the small with xx-small, x-small, medium, large, x-large, or xx-large.
To change the font, replace the verdana with another font name.
To change make it not bold, change bold to normal.

Sidebar

Regular sidebar template:
http://usera.imagecave.com/sunshinejenny/templates/sidebar_template_1.gif
http://usera.imagecave.com/sunshinejenny/templates/sidebar_template_2.gif

Sidebar and topbar (regular sidebar):
<style> i.top, i.side { background-image: url(SIDEBARURL); } i.top { position: absolute; left: 0px; top: 00px; height: 042px; width: 728px; } i.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> <i class="top"></i> <i class="side"></i> <img src="http://www.neopets.com/BLANKURL.gif" border="0" id="navbar" usemap="#a">
To change the sidebar image, replace http://www.neopets.com/image.gif with your image's address.
Change http://www.neopets.com/BLANKURL.gif to a transparent image's address.

Sidebar only template:
http://usera.imagecave.com/sunshinejenny/templates/sidebar_side_template_1.gif
http://usera.imagecave.com/sunshinejenny/templates/sidebar_side_template_2.gif

Sidebar only:
<style> i.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> <i class="side"></i> <img src="http://www.neopets.com/BLANKURL.gif" border="0" id="navbar" usemap="#a">
To change the sidebar image, replace http://www.neopets.com/image.gif with your image's address.
Change http://www.neopets.com/BLANKURL.gif 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

Top banner template:
http://usera.imagecave.com/sunshinejenny/templates/banner_template.gif

Top banner:
<style> i.topbanner { background: url(http://www.neopets.com/image.gif); height: 62px; width: 480px; position: absolute; top: 137px; left: 227px; } </style> <i class="topbanner"></i>

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

Entire Page

Change entire page font color:
<style> body, td, p, div { color: #0000FF; } </style>
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>

Bold Text

Change bold text color, font, size, and boldness:
<style> b { 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.

Copyright

Change copyright text color, font, size, and boldness:
<style> .sf { 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.

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>

Gender and Trophy Text

Change gender and trophy text color, font, size, and boldness:
<style> font b, table font { 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 gender and trophy text:
<style> font b, table font { display: none; } </style>

Trades, Auctions, Games, Stamps, and Wishlist Text

Change trades etc text color, font, size, and boldness:
<style> table table font.sf { 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 trades etc text:
<style> table table font.sf { display: none; } </style>

Neomail and Neofriend Text

Change neomail and neofriend text color, font, size, and boldness:
<style> table table span.sf { 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 neomail and neofriend text:
<style> table table span.sf { display: none; } </style>

Name The Color Species

Change "Name The Color Species":
<style> center font b, center font b font { 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 "Name The Color Species":
<style> center font b, center font b font { display: none; } </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.

Change "Color":
<style> center font b font { 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.

Links

Change link color, font, size, and boldness:
<style> a:link, a:visited { 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.

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.

Stop Italic Text

To make your text not italic, add this to the very beginning of your code:
</i>
You may need to add it before each section of text.

Welcome, Pet, and NP Text

Change "Welcome, Pet, NP" color, font, size, and boldness:
<style> .tt { 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.

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>

Scroll Bar

Scroll bar colors (Internet Explorer only):
<style> body { scrollbar-face-color: MAGENTA; scrollbar-shadow-color: LIME; scrollbar-highlight-color: WHITE; scrollbar-3dlight-color: RED; scrollbar-darkshadow-color: BLUE; scrollbar-track-color: YELLOW; scrollbar-arrow-color: BLACK; } </style>

Invisible track in a scrolling div (Internet Explorer only):
<style type="text/css"> div { scrollbar-face-color: MAGENTA; scrollbar-shadow-color: LIME; scrollbar-highlight-color: WHITE; scrollbar-3dlight-color: RED; scrollbar-darkshadow-color: BLUE; scrollbar-track-color: YELLOW; scrollbar-arrow-color: BLACK; filter: chroma(color=YELLOW); } </style>
If you have anything else in the div that is also #00FF00, it will be transparent as well.

Only arrows in a scrolling div (Internet Explorer only):
<style type="text/css"> div { scrollbar-arrow-color: #000000; scrollbar-face-color: #0000FF; scrollbar-track-color: #0000FF; scrollbar-shadow-color: #0000FF; scrollbar-highlight-color: #0000FF; scrollbar-3dlight-color: #0000FF; scrollbar-darkshadow-color: #0000FF; filter: chroma(color=#0000FF); } </style>
If you have anything else in the div that is also #00FF00, it will be transparent as well.

Invisible scroll bar in a scrolling div (Internet Explorer only):
<style type="text/css"> div { scrollbar-arrow-color: #0000FF; scrollbar-face-color: #0000FF; scrollbar-track-color: #0000FF; scrollbar-shadow-color: #0000FF; scrollbar-highlight-color: #0000FF; scrollbar-3dlight-color: #0000FF; scrollbar-darkshadow-color: #0000FF; filter: chroma(color=#0000FF); } </style>
If you have anything else in the div that is also #00FF00, it will be transparent as well.

Horizontal Rule

Horizontal rule color:
<style> hr { border-color: #FF0000; } </style>
To change the color, replace #FF0000 with another color.

Horizontal rule thickness:
<style> hr { border-width: 1px; } </style>
To change the border thickness, replace 1 with another number.

Horizontal rule style:
<style> hr { border-style: solid; } </style>
To change the style, replace solid with dotted or dashed.

Remove horizontal rules:
<style> hr { display: none; } </style>

Clock

Clock style:
<style> #nst { color: #0000FF; background-color: #FFFF00; border-color: #FF0000; font-family: verdana; font-size: xx-small; border-width: 1px; border-style: solid; } </style>
To change the font color, replace the #0000FF with another color.
To change the background color, replace the #FFFF00 with another color.
To change the border color, replace the #FF0000 with another color.
To change the font, replace the verdana with another font name.
To change the font size, replace the xx-small with x-small, small, medium, large, x-large, or xx-large.
To change the border thickness, replace the 1 with another number.
To change the border style, replace the solid with dotted or dashed.

Remove clock:
<style> #nst { display: none; } </style>

Removing Parts of the Lookup

Remove everything but the text:
<style> #myFlash, #nst, hr, td.tl, img, center font b, tr td a div { display: none; } #bottomban, #nst, #m, #n, #mb, .hdr, .tl, .tt, .sf { display: none; } #n, td, table { background: transparent; } br { visibility: hidden; } </style>

Remove everything but the text and images:
<style> #myFlash, #nst, hr, td.tl, center font b, tr td a div { display: none; } #bottomban, #nst, #m, #n, #mb, .hdr, .tl, .tt, .sf { display: none; } #n, td, table { background: transparent; } br { visibility: hidden; } </style>

Remove "User Lookup: you_user_name_here":
<style> table center font b { display: none; } table table font b { display: inline; } </style>

Remove "(show all)", Make Neofriend/Neomail, copyright, and Trades/Auctions/Scores/etc.:
<style> .sf { display: none; } </style>

Removing Parts of the Shop

Remove shopkeeper image:
<style> center img { display: none; } </style>

Remove shopkeeper greeting:
<style> center b { display: none; } </style>

Remove image map (shop navigation):
<style> div img { display: none; } </style>

Removing Parts of the Guild

Remove everything but the information bar (Council, Rank, Options, Stats, Admin):
<style> body, table, td, .content, div, li, a, font, p { font-family: verdana; font-size: xx-small; color: #000000; } .sf, .smallfont, .tl, .tt, #ban, #m, #mb, #nst, #n, #ol, tr td a div, p a b, p table table img, .hdr, .contentHeader { display: none; } table, tr, td { background: transparent; } </style>

Remove information bar (Council, Rank, Options, Stats, Admin):
<style> table table table td, p table table, .contentHeader { background: transparent; } p table table img, .contentHeader, table table table .content { display: none; } p table table div img { display: inline; } </style>

Remove guild description:
No code, you'll need to make the description a period or a space. A space will be invisible, but you must re-add it everytime you edit the guild front page.

Remove Guild Name and Neighbourhood:
<style> .contentHeader { display: none; } </style>

Remove logo:
<style> p table table img { display: none; } .content img { display: inline; } </style>

Removing Parts of the Pet Lookup

Remove everything after description (put this at the end of the description):
<div style="display:none">

Remove "Neomail Owner" and "Visit Pet's Web Page" buttons:
<style> p table tr td a img { display: none; } </style>

Remove "Search Results - Click Here" (removes all but hyphen):
<style> table td b, a b { display: none; } table table td b { display: inline; } </style>

Removing General

Remove white around images (Internet Explorer only):
<style> img { filter: chroma(color=#FFFFFF); } </style>

Remove top banner ad:
<style> #ban { display: none; background: transparent; } </style>

Remove side banner ad:
<style> #n #myFlash { display: none; } </style>

Remove 300 NP/900 NP ads:
<style> table a img { display: none; } table table a img { display: inline; } </style>

Remove "(show all)" and above image (neomail, trade, battle, etc):
<style> table a img, .sf { display: none; } table table a img { display: inline; } </style>

Remove "link to us":
<style> a.tl { display: none; } td.tt a.tl { display: inline; } </style>

Remove sidebar search:
<style> td.tl { visibility: hidden; } #n #myFlash, #nst { visibility: visible; } </style>

Lookup Table

Table around each stat section:
<style> p table, #mytextbox { color: #0000FF; background-color: #FFFF00; border-color: #FF0000; border-width: 1px; border-style: solid; font-family: verdana; font-size: xx-small; width: 500px; background-image: url(http://www.neopets.com/image.gif); filter: alpha(opacity=80); opacity: .80; } </style> <div id="mytextbox"><table> YOUR TEXT </table></div>
To change the font color, replace the #0000FF with another color.
To change the background color, replace the #FFFF00 with another color.
To change the border color, replace the #FF0000 with another color.
To change the border thickness, replace the 1 with another number.
To change the border style, replace the solid with dotted or dashed.
To change the font, replace the verdana with another font name.
To change the font size, replace the xx-small with x-small, small, medium, large, x-large, or xx-large.
To change the width, replace the 500 with another number.
To change the background image, replace the http://www.neopets.com/image.gif with the image's address.
To change the opacity, replace BOTH 80s with another number (the second number must have the period in front).

Table with scrolling div for your text:
<style> p table, #mytextbox { color: #0000FF; background-color: #FFFF00; border-color: #FF0000; border-width: 1px; border-style: solid; font-family: verdana; font-size: xx-small; width: 500px; background-image: url(http://www.neopets.com/image.gif); filter: alpha(opacity=80); opacity: .80; height: 200px; overflow: auto; } </style> <div id="mytextbox"><table> YOUR TEXT <br> YOUR TEXT <br> YOUR TEXT <br> YOUR TEXT <br> YOUR TEXT <br> YOUR TEXT <br> </table></div>
To change the font color, replace the #0000FF with another color.
To change the background color, replace the #FFFF00 with another color.
To change the border color, replace the #FF0000 with another color.
To change the border thickness, replace the 1 with another number.
To change the border style, replace the solid with dotted or dashed.
To change the font, replace the verdana with another font name.
To change the font size, replace the xx-small with x-small, small, medium, large, x-large, or xx-large.
To change the width, replace the 500 with another number.
To change the background image, replace the http://www.neopets.com/image.gif with the image's address.
To change the opacity, replace BOTH 80s with another number (the second number must have the period in front).
To change the height, replace the 200 with another number.

Table with your text and stats in one box:
<style> #mytextbox { color: #0000FF; background-color: #FFFF00; border-color: #FF0000; border-width: 1px; border-style: solid; font-family: verdana; font-size: xx-small; width: 500px; background-image: url(http://www.neopets.com/image.gif); filter: alpha(opacity=80); opacity: .80; } </style> <div id="mytextbox"><table> YOUR TEXT
To change the font color, replace the #0000FF with another color.
To change the background color, replace the #FFFF00 with another color.
To change the border color, replace the #FF0000 with another color.
To change the border thickness, replace the 1 with another number.
To change the border style, replace the solid with dotted or dashed.
To change the font, replace the verdana with another font name.
To change the font size, replace the xx-small with x-small, small, medium, large, x-large, or xx-large.
To change the width, replace the 500 with another number.
To change the background image, replace the http://www.neopets.com/image.gif with the image's address.
To change the opacity, replace BOTH 80s with another number (the second number must have the period in front).

Table with your text and stats in one box with scroll bar:
<style> #mytextbox { color: #0000FF; background-color: #FFFF00; border-color: #FF0000; border-width: 1px; border-style: solid; font-family: verdana; font-size: xx-small; width: 500px; background-image: url(http://www.neopets.com/image.gif); filter: alpha(opacity=80); opacity: .80; height: 400px; overflow: auto; } </style> <div id="mytextbox"><table> YOUR TEXT
To change the font color, replace the #0000FF with another color.
To change the background color, replace the #FFFF00 with another color.
To change the border color, replace the #FF0000 with another color.
To change the border thickness, replace the 1 with another number.
To change the border style, replace the solid with dotted or dashed.
To change the font, replace the verdana with another font name.
To change the font size, replace the xx-small with x-small, small, medium, large, x-large, or xx-large.
To change the width, replace the 500 with another number.
To change the background image, replace the http://www.neopets.com/image.gif with the image's address.
To change the opacity, replace BOTH 80s with another number (the second number must have the period in front).
To change the height, replace the 400 with another number.

Table with your text and stats in one box with scroll bar positioned wherever you want:
<style> #mytextbox { position: absolute; top: 300px; left: 20px; color: #0000FF; background-color: #FFFF00; border-color: #FF0000; border-width: 1px; border-style: solid; font-family: verdana; font-size: xx-small; width: 500px; background-image: url(http://www.neopets.com/image.gif); filter: alpha(opacity=80); opacity: .80; height: 400px; overflow: auto; } </style> <div id="mytextbox"><table> YOUR TEXT
To change how far it is from the top of the screen, replce 300 with another number. 0 would be right at the top.
To change how far it is from the left of the screen, replce 20 with another number. 0 would be right at the left.
To change the font color, replace the #0000FF with another color.
To change the background color, replace the #FFFF00 with another color.
To change the border color, replace the #FF0000 with another color.
To change the border thickness, replace the 1 with another number.
To change the border style, replace the solid with dotted or dashed.
To change the font, replace the verdana with another font name.
To change the font size, replace the xx-small with x-small, small, medium, large, x-large, or xx-large.
To change the width, replace the 500 with another number.
To change the background image, replace the http://www.neopets.com/image.gif with the image's address.
To change the opacity, replace BOTH 80s with another number (the second number must have the period in front).
To change the height, replace the 400 with another number.

Avatar table:
<style> #mytextbox { color: #0000FF; background-color: #FFFF00; border-color: #FF0000; border-width: 1px; border-style: solid; font-family: verdana; font-size: xx-small; width: 500px; background-image: url(http://www.neopets.com/image.gif); filter: alpha(opacity=80); opacity: .80; border-collapse: collapse; } </style> <table id="mytextbox" border="1" bordercolor="#FF0000" cellpadding="2"> <tr> <td width="60" align="center" valign="top"> <b>Current Avatar:</b><br><img src="http://www.neopets.com/URLHERE.gif" width="50" height="50" border="0"><br> <b>Wanted Avatar:</b><br><img src="http://www.neopets.com/URLHERE.gif" width="50" height="50" border="0"><br> </td> <td width="380" valign="top"> YOUR TEXT </td> <td width="60" align="center" valign="top"> <b>Favourite Avatar:</b><br><img src="http://www.neopets.com/URLHERE.gif" width="50" height="50" border="0"><br> <b>Recent Avatar:</b><br><img src="http://www.neopets.com/URLHERE.gif" width="50" height="50" border="0"><br> </td> </tr> </table>
To change the font color, replace the #0000FF with another color.
To change the background color, replace BOTH #FFFF00s with another color.
To change the border color, replace the #FF0000 with another color.
To change the border thickness, replace BOTH 1s with another number.
To change the border style, replace the solid with dotted or dashed.
To change the font, replace the verdana with another font name.
To change the font size, replace the xx-small with x-small, small, medium, large, x-large, or xx-large.
To change the width, replace the 500 with another number.
To change the background image, replace the http://www.neopets.com/image.gif with the image's address.
To change the opacity, replace BOTH 80s with another number (the second number must have the period in front).
To change the avatars, replace the http://www.neopets.com/URLHERE.gif with the image's address.

Shop Table

Shop table:
<style> .tablestyle { color: #0000FF; background-color: #FF0000; background-image: url(http://www.neopets.com/image.gif); border-color: #0000FF; border-width: 1px; border-style: solid; width: 500px; filter: alpha(opacity=80); opacity: .80; } </style> <div class="tablestyle">

Gallery Table

Gallery table:
<style> .tablestyle table table { color: #0000FF; background-color: #FF0000; background-image: url(http://www.neopets.com/image.gif); border-color: #0000FF; border-width: 1px; border-style: solid; width: 500px; filter: alpha(opacity=80); opacity: .80; } </style>

Pet Lookup Table

Pet lookup table:
<style> center table, p center, #mytextbox { color: #0000FF; background-color: #FFFF00; background-image: url(http://www.neopets.com/image.gif); border-color: #FF0000; border-width: 1px; border-style: solid; width: 500px; filter: alpha(opacity=80); opacity: .80; } center table td { background: transparent; } </style> <div id="mytextbox">YOUR TEXT</div>

FAQs

(Q) Will you be my neofriend?
(A) No. I'm not on Neopets much anymore.

(Q) Will you send me items, neopoints, or a rare item code?
(A) No. Earn it yourself.

(Q) Will you make me a layout/lookup/website/etc?
(A) No. I don't have time.

(Q) Will you join my guild?
(A) No. I have my own guild.

(Q) Can I join your guild?
(A) Yes, but nothing happens there.

(Q) Where did you get your lookup/shop/guild/etc? Can I use them?
(A) I made and coded them myself. You cannot use them.

(Q) How did you learn HTML/CSS/etc? Will you teach me?
(A) Lots of practice. I don't have time to teach you.

(Q) Who are you?
(A) My name is Jenny. I live in Ontario_. I'm 16 years old. I've been making websites since I was 9.

(Q) Can I help with your website?
(A) No. I don't need any staff.

(Q) Where is your website hosted? How much does it cost?
(A) It WAS hosted at Host Gator for $75 US a month. The domain is from Surpass Domains and it costs $16 US a year.

(Q) What's your MSN/AIM/Yahoo?
(A) I don't have one.

(Q) Can I put your tutorials on my site?
(A) No. It's easier to put a link to DFL.

(Q) Can I put a blog/layout/etc I coded using your tutorial on my site?
(A) Yes. No credit necessary, but it is always appreciated.

(Q) How can I get in touch with you?
(A) http://www.-blocked-/dfl/

Link Me