Darkest Faerie Lair

Welcome

Welcome to Darkest Faerie Lair, the best Neopets coding tutorial site on the web!

Can't find what you're looking for? Press Ctrl+F on your keyboard and type in a keyword like "sidebar" or "glow".

Last updated: January 2010

     

Guild Layout

Guild Layout: Remove

Remove everything but the guild navigation

<style> .content table table img, .contentHeader, .content p { display: none; } .content td, .content table { background: none; } .content table .content table img { display: inline; } .content table p { display: block; } </style>

Remove "Guild Home | Guild Help | My Guild

<style> .content p { display: none; } .content table p { display: block; } </style>

Remove guild name and neighbourhood

<style> .contentHeader { display: none; } </style>

Remove guild description

Remove logo

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

Remove guild navigation

<style> .content table table td.content { display: none; } </style>

Remove user-entered text

<style> .content .content td { background: #F0F; } </style>

Pet Lookup

Pet Lookup: Remove Neopet

Remove "Neopet" title

<style> .contentModuleHeader { display: none; } </style>

Remove Petpet image

<style> .contentModuleContent.medText img { display: none; } </style>

---

Pet Lookup: Remove "Statistics", "Description

Remove "Statistics", "Description" titles

<style> .contentModuleHeaderAlt { display: none; } </style>

Remove "Attributes", "Battledome Stats", "Rate [pet's name]" titles

<style> div div div div b { display: none; } </style>

Remove Fishing Skill image, Jobs Completed, Battledome image

<style> .contentModuleContent table img { display: none; } .contentModuleContent div img { display: inline; } </style>

Remove "Neomail Owner" and "Visit pets web page" buttons

<style> .contentModuleContent div img { display: none; } .contentModuleContent #rating_ballot img { display: inline; } </style>

Remove "Pet Rating

<style> .contentModuleContent #pet_rating b { display: none; } </style>

Remove "Pet Rating" and stars

<style> .contentModuleContent #pet_rating { display: none; } </style>

---

Pet Lookup: Remove Miscellaneous

Remove borders

<style> .content .contentModule, .contentModuleTable { border: 0px; } </style>

Remove pet's name, colour, species

<style> .content div { display: none; } .content div div, .content .contentModule { display: block; } </style>

---

Pet Lookup: Colours

Change background colour

<style> body { background: #0FF; } #main, .sidebar { background: none; border: 0px; } </style>

Change section background and text colours

<style> .contentModuleContent, .contentModule { background: #0F0; color: #00F; } </style>

Change section border colours

<style> .content .contentModule { border: 5px solid #F0F; } .contentModuleTable { border: 0px; } </style>

Pet's name, colour, species

<style> .content div { color: #F00; } .content div div { color: none; } </style>

Neopet" title

<style> .contentModuleHeader { background: #FF0; color: #000; } </style>

Petpet text

<style> .contentModuleContent.medText { color: #00F; } </style>

Statistics", "Description" title

<style> .contentModuleHeaderAlt { background: #000; color: #FF0; } </style>

Gender text

<style> .content span b { color: #F0F; } </style>

Attributes", "Battledome Stats", "Rate [pet's name]

<style> div div div div b { color: #FFF; } </style>

Change link colours

<style> a:link, a:visited { color: #F00; } </style>

---

Pet Lookup: Effects

Bigger Neopet picture

<style> #CustomNeopetView { height: 500px; width: 500px; } </style>

Shop Layout

Shop Layout: Remove

Remove shop name

<style> p b { display: none; } p a b { display: inline; } </style>

Remove navigation

<style> .content .medText { display: none; } </style>

Remove shopkeeper image

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

Remove shopkeeper greeting

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

Remove horizontal line

<style> hr { display: none; } </style>

Remove border around items

<style> img { border: 0px; } </style>

---

Shop Layout: Colours

Shop name

<style> p b { color: #F00; } p a b { color: #2E72C0; } </style>

Navigation

<style> .content .medText { color: #F00; } .content .medText a { color: #00F; } </style>

Shopkeeper greeting

<style> center b { color: #F00; } </style>

Line

<style> hr { border: 0px; border-bottom: 10px solid #F00; } </style>

Border around items

<style> a img { border: 10px solid red; } .sidebar img, #header img, .footer img { border: 0px; } </style>

---

Shop Layout: Effects

Display shop name on one line

<style> p b { display: block; } p a b { display: inline; } </style>

Add border/background behind all shop items

<style> #items { background: red; border: 10px dotted #000; } </style> <div id="items"> </div> <div class="section"> <h2> <a name="userlookup"></a>User Lookup</h2> <h3>User Lookup: Remove User Info</h3> <p>Remove "User Info" section</p> <textarea><style> #userinfo { display: none; } </style>

Remove "Trades", "Auctions", "Wishlist", "Neomail", "Neofriend

<style> #userinfo .medText .medText .medText { display: none; } </style>

Remove title

<style> #userinfo .contentModuleHeader { display: none; } </style>

Remove shield

<style> #userinfo img { display: none; } #userinfo .medText .medText .medText img { display: inline; } </style>

---

User Lookup: Remove Collections

Remove "Collections" section

<style> #usercollections { display: none; } </style>

Remove title

<style> #usercollections .contentModuleHeaderAlt { display: none; } </style>

Remove images

<style> #usercollections img { display: none; } </style>

Remove text

<style> #usercollections .medtext, #usercollections a { visibility: hidden; } #usercollections img { visibility: visible; } </style>

---

User Lookup: Remove Shop & Gallery

Remove "Shop & Gallery" section

<style> #usershop { display: none; } </style>

Remove title

<style> #usershop .contentModuleHeaderAlt { display: none; } </style>

Remove shopkeeper image

<style> #usershop img { display: none; } </style>

---

User Lookup: Remove Neopets

Remove "Neopets" section

<style> #userneopets { display: none; } </style>

Remove title

<style> #userneopets .contentModuleHeaderAlt { display: none; } </style>

Remove lines

<style> #userneopets hr { display: none; } </style>

Remove pet images

<style> #userneopets img { display: none; } </style>

Remove text

<style> #userneopets .medText { visibility: hidden; } #userneopets img { visibility: visible; } </style>

---

User Lookup: Remove Neohome

Remove "Neohome" section

<style> #userneohome { display: none; } </style>

Remove title

<style> #userneohome .contentModuleHeaderAlt { display: none; } </style>

Remove address, image, and world

<style> #userneohome div { display: none; } </style>

Remove link to neohome

<style> #userneohome a { display: none; } </style>

Remove image

<style> #userneohome img { display: none; } </style>

---

User Lookup: Remove Games & Trophies

Remove "Games & Trophies" section

<style> #usertrophies { display: none; } </style>

Remove title

<style> #usertrophies .contentModuleHeaderAlt { display: none; } </style>

Remove lines

<style> #usertrophies hr { display: none; } </style>

Remove "Games played: #

<style> #usertrophies b { display: none; } #usertrophies div b { display: inline; } </style>

Remove "Site Event Trophies", "Site Feature Trophies", and "Game Trophies

<style> #usertrophies div b { display: none; } #usertrophies .trophy_cell b { display: inline; } </style>

Remove text

<style> #usertrophies .medText { visibility: hidden; } #usertrophies img { visibility: visible; } </style>

Remove images

<style> #usertrophies img { display: none; } </style>

---

User Lookup: Remove Miscellaneous

Remove "User Lookup: username [?]

<style> .content div { display: none; } .contentModule div { display: inline; } </style>

Remove all section titles ("User Info", "Collections", "Shop & Gallery", "Neopets", "Neohome", "Games & Trophies")

<style> .contentModuleHeader, .contentModuleHeaderAlt { display: none; } </style>

Remove borders around tables

<style> .contentModule, .contentModuleTable, .medText { border: 0px; } td { padding: 0px; } </style>

---

User Lookup: Colours

Change background colour

<style> body { background: #0FF; } #main { background: none; border: 0px; } </style>

Change "User Lookup: username [?]" colour

<style> .content div { color: #000; } </style>

Change section title background and text colours

<style> .contentModuleHeader, .contentModuleHeaderAlt { background: #FF0; color: #000; } </style>

Change section background and text colours

<style> td.contentModuleContent { background: #0F0; color: #00F; } </style>

Change section border colours

<style> .contentModuleTable { border: 5px solid #F0F; } .contentModule { border: 0px; } </style>

Change link colours

<style> a:link, a:visited { color: #F00; } </style>

Header

Header: Remove

Remove header

<style> #header { display: none; } </style>

Remove "Welcome, username | NP: # | Logout

<style> .user { display: none; } </style>

Remove clock

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

Remove Neopets link

<style> #header a img { visibility: hidden; } #header ul a img { visibility: visible; } </style>

Remove links

<style> #header #template_nav { display: none; } </style>

Remove event notification (eg. "Mail from: ...")

<style> .eventIcon { display: none; } </style>

Remove header background

<style> #header { background: none; border: 0px; } </style>

---

Header: Colours

Change top bar drop down colours

<style> #header .dropdown { background: #F0F; border: 1px solid #00F; } #header .dropdown li a { color: #FFF; } #header .dropdown li a:hover { color: #FF0; } </style>

Sidebar

Sidebar: Remove

Remove sidebar

<style> .sidebar { display: none; } </style>

Remove sidebar headings

<style> .sidebarHeader { display: none; } </style>

Remove active pet box

<style> .activePet, .activePetInfo, .sidebarHeader a b, .activePet.sf { display: none; } </style>

Remove active pet image

<style> .activePet img { display: none; } </style>

Remove active pet "Customize" link

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

Remove active pet info

<style> .activePet.sf { border: 0px; } .activePetInfo { display: none; } </style>

Remove search box and button

<style> .sidebar form { display: none; } </style>

Remove neofriends ? image

<style> .sidebarHeader img { display: none; } </style>

Footer

Footer: Remove

Remove footer

<style> #footer { display: none; } </style>

Remove footer background

<style> #footer { background: none; } </style>

Remove Neopets link

<style> #footer a img { display: none; } </style>

Remove search and languages

<style> #footer .sf { display: none; } </style>

Remove footer image

<style> .footerNifty { display: none; } </style>

Remove footer links

<style> #footer .copyright img { display: none; } </style>

Remove footer copyright

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

Remove advertisement

<style> .ad_wrapper_fixed p { display: none; } </style>