Darkest Faerie Lair

User Lookup Codes

TEXT AREA
| Text Area |

IMAGES
| Background | Cursor | Shield | 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 |

OTHER
| Scroll Bar | Horizontal Rule | Clock |

REMOVE
| Removing Parts of the User Lookup | Removing General |

TABLES
| User Lookup Table |

---

Text Area

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>

---

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(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.

---

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(URLHERE); } </style>
To change the cursor image, replace URLHERE with your cursor's address.

---

Shield

Shield template

Shield

<style> #shield { background: url(URLHERE); position: absolute; height: 150px; width: 100px; top: 280px; left: 590px; } </style> <div id="shield"></div>
To change the shield image, replace URLHERE 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.

---

Sidebar

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 SIDEBARURL 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, #ban_spacer { display: none; background: transparent; } </style> <div id="side"></div> <img src="BLANKURL" border="0" id="navbar" usemap="#a">
To change the sidebar image, replace SIDEBARURL 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

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>

---

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 Text

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>

---

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; } table table font b { display: inline; } #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; } table table font b { display: inline; } #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 General

Remove white around images (Internet Explorer only)

<style> img { filter: chroma(color=#FFFFFF); } </style>

Remove top banner ad

<style> #ban, #ban_spacer { 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>

---

User 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(URLHERE); 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 URLHERE 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(URLHERE); 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 URLHERE 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(URLHERE); 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 URLHERE 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(URLHERE); 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 URLHERE 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(URLHERE); 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 URLHERE 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(URLHERE); filter: alpha(opacity=80); opacity: .80; } </style> <table id="mytextbox" border="1" bordercolor="#FF0000" cellpadding="2"> <tr> <td width="60" align="center" valign="top"> <p><b>Current Avatar</b><br><img src="AVATARURL" width="50" height="50" border="0"><br> <p><b>Wanted Avatar</b><br><img src="AVATARURL" width="50" height="50" border="0"><br> </td> <td width="380" valign="top"> YOUR TEXT </td> <td width="60" align="center" valign="top"> <p><b>Favourite Avatar</b><br><img src="AVATARURL" width="50" height="50" border="0"><br> <p><b>Recent Avatar</b><br><img src="AVATARURL" 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 URLHERE 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 AVATARURL with the image's address.