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:magenta; } </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">

User Lookup

User Lookup: Remove User Info

Remove "User Info" section

<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 />