Welcome
Updates & Information
Welcome to CSS Guide. Please think of us as a sort of code "part shop". The purpose of this guide is not to detail every aspect of css coding, but to provide you with the bits and pieces necessary to make your own codes better. Therefore, we do not offer premade layouts here, however feel free to use these codes to make your own layouts.
But please note: if you own your own code help site, do not steal our codes or you will be held accountable.
I made this page because I think there's some general confusion among people when it comes to Neopets' latest layout change. While there are numerous CSS guides out there, they tend to over-complicate things for people who really just want some quick fixes for their layout problems, just like in the good old days when you could visit Csshelp, pick up a code, and be on your way in seconds. That's what we're here for. We want you in and out ASAP. xD
Codes are checked regularly to ensure that they still work properly. Please pay attention to which section you're pulling a code from though. Some are exclusive to certain areas of the site.
As of November 23, 2008, we are officially open.
We currently have 164 unique codes.
--------------------------------------------------------------------------------------------------------------
[1/27]: Well, I haven't had anything to update, but that doesn't mean I'm dead. I've been fielding quite a few questions from people, to the best of my abilities. Other than that, nothing new to report. Might as well take a moment to advertise one of my other petpages then. xP

I also run Applepious, a phrase-banner site. Check it out if you've got some time! :3
[11/25]: We've been ranked at
Cloud Infinity and have a new banner as well! :D Also, it was CSS|Guide's third birthday on Wednesday!~ C8
[11/16]: This week we've been listed at
Underwater Kitten's Cave! xD If you've got suggestions for code snippets you'd like to see here, I'd be willing to look into them during my free time.
[11/8]: We've been newly listed at
Dragon's Lair[9/8]: Did an affiliate/lister sweep. :3
CSS Codes
Background Codes
Removing White Background
Removing White Background's Border
Removing White Background & Its Border
Changing Your White Background Color
Adding A Background Image Into Your White Background Space
Changing Your Gray Background Color
(changes background colors for petpages)
Adding Background Images Into Your Gray Background Space
(creates a tiled background in petpages)
Forcing a Background Image to Only Repeat Vertically (Up and Down)
Forcing a Background Image to Only Repeat Horizontally (Left and Right)
Creating a Non-repeating Image Background
Positioning a Background Image in Your Gray Background Space
Removal Codes
Removing Nickelodeon White Ad Bar
Removing Ads on Top of Site
Removing Ads on Bottom of Site
Removing All Ads
Removing Neopets Header & Footer
(for shops, see shop specific codes)
Removing Sidebar Information
(for shops, see shop specific codes)
Scrolling
Hiding Scrolls
Enable Scrolling when Necessary
Enable Scrolling Even when Unnecessary
Headers & Footers
Changing Font Size, Font Type & Font Color for "Welcome, guest | NP: 2,000 | Logout" in Headers
(text & links same color)
Changing Font Size, Font Type & Font Color for "Welcome, guest | NP: 2,000 | Logout" in Headers
(text & links different colors)
Changing Font Size, Font Type & Font Color for Neopets Copyright
(text & links same color)
(see petpage specific section for petpages)
Changing Font Size, Font Type & Font Color for Neopets Copyright
(text & links different colors)
(see petpage specific section for petpages)
Removing Neopets Copyright
(see petpage specific section for petpages)
Modifying the Neopets Clock (Font Color, Font Size, & Font Type)
Replacing Header Image with Your Own
(change height and width accordingly)
Replacing Footer Image with Your Own
(change height and width accordingly)
Removing Header
(for shops, see shop specific codes)
Removing Footer
(for shops, see shop specific codes)
Removing Header & Footer
(for shops, see shop specific codes)
Links
Changing Link Color, Font Type, & Size
Link Color Change on Mouseover (Font Type & Size Also)
Change Link Background Color on Mouseover (Font Type, Size, & Color Also)
Bolding Links (Font Type, Size, & Color Also)
Underlining Links (Font Type, Size, & Color Also)
Cursors
Question Mark Cursor
Question Mark Cursor Only When Hovering Over Links
Crosshair Cursor
Crosshair Cursor Only When Hovering Over Links
Crosshair w/ Arrows Cursor
Crosshair w/ Arrows Cursor Only When Hovering Over Links
Waiting Cursor
(image varies with operating systems)
Waiting Cursor Only When Hovering Over Links
(image varies with operating systems)
Hand Cursor
Hand Cursor Only When Hovering Over Links
Text Bar Cursor
Text Bar Cursor Only When Hovering Over Links
Fonts
Blinking text
(Only supported by Mozilla & Opera)
Changing Text Color
Changing Text Size & Font Type
Changing Text Color, Size & Font Type
Changing Line Height
(increase or decrease distance of one line of text from another)
Changing Line Height (Color, Size, & Font Type Also)
(increase or decrease distance of one line of text from another)
Changing Letter Distance
(increase or decrease the distance between letters in words)
Changing Letter Distance (Color, Size, & Font Type Also)
(increase or decrease the distance between letters in words)
Changing Word Distance
(increase or decrease the distance between words)
Changing Word Distance (Color, Size, & Font Type Also)
(increase or decrease distance of letters in words)
Other Codes
Basic Blog Code
For #css, width and height refer to that of your background image.
For #css, replace 'http://images.neopets.com/items/ghost_marshmellows.gif' with your own image.
For #guide, top, left, width, and height refer to that of your text box (left:0px and top:0px lies at the upper left corner of your background image, not the webpage).
(incompatible with pet descriptions)
Horizontally Inverting a Page
Making Code Boxes
(replace the parenthesis with greater than/less than signs; Neopets automatically removes them if I put them in myself.)
Userlookup Specific Codes
Removal Codes
Removing Stats Images
Removing Trades, Auctions, Wishlist, Neomail, & Neofriend (yellow) pictures & links from Userinfo Section
Removing Horizontal Gray Bars
Removing Horizontal Gray Bar in User Info
Removing User Info
Removing Collections
Removing Shop & Gallery
Removing Neopets
Removing Neohome
Removing Games & Trophies
Removing Habitarium
Removing NC Mall Info
Removing Userlookup: guest (?)
(this code may affect personal images on lookup; neomail me for a quick fix)
Removing Borders from Stat Boxes
Removing All Stat Headers from Userlookup
(See stat headers section for individual removal codes)
Removing All Information From Userlookup
Image Codes
Removing Stats Images
Adjusting the Size of Your Shield Image
Adjusting the Size of Your Trades, Auctions, Wishlist, Neomail, & Neofriend (yellow) Images
Adjusting the Size of Your Shop Keeper Image
Adjusting the Size of Your Collections Images
Adjusting the Size of Your Neopets' Images
Adjusting the Size of Your Trophy Images
Dashed Image Borders - Stat Images
Changing the Colors of your Image Borders - Stat Images
Stat Headers
Removing Stat Headers from Userlookup
Removing Userinfo Header from Userlookup
Removing Collections Header from Userlookup
Removing Shop & Gallery Header from Userlookup
Removing Neopets Header from Userlookup
Removing Habitarium Header from Userlookup
Removing Neohome Header from Userlookup
Removing Trophies Header from Userlookup
Modifying Headers
(Font Color, Font Size, Font Type, & Background Color)
Modifying Headers w/ No Background
(Font Color, Font Size, & Font Type Also)
Modifying Headers w/ Uppercase Letters
(Font Color, Font Size, Font Type, & Background Color Also)
Underlining Headers
(Font Color, Font Size, Font Type, & Background Color Also)
Stat Boxes
Removing Borders from Stat Boxes
Adjusting the Size of Your Userinfo Box
Adjusting the Size of Your Userinfo Box
(No Borders)
Adjusting the Size of Your Collections Box
Adjusting the Size of Your Collections Box
(No Borders)
Adjusting the Size of Your Shop Box
Adjusting the Size of Your Shop Box
(No Borders)
Adjusting the Size of Your Neopets Box
Adjusting the Size of Your Neopets Box
(No Borders)
Adjusting the Size of Your Neohome Box
Adjusting the Size of Your Neohome Box
(No Borders)
Adjusting the Size of Your Trophies Box
Adjusting the Size of Your Trophies Box
(No Borders)
Changing Stats Boxes Background Colors
Changing Stats Boxes' Background Image
Changing Stats Boxes' Border Color
Stat Boxes With Dashed Border
Basic Userlookup Layouts
Basic Skinny Layout: White Content Background with Visible Stat Borders.
(Refer to other codes for help customizing)
Basic Skinny Layout: White Content Background without Stat Borders.
(Refer to other codes for help customizing)
Other Codes
Adjusting the size of your Trophy font
(font face also)
Making Your Pet's Names Lowercase
Capitalizing Your Pet's Names
Capitalizing The First Letter of Your Pet's Names
Centering User Info Text
Moving Stat Boxes Closer Together
(Shrink images, text and remove borders for smaller widths)
Guild Specific Codes
Removal Codes
Removing Your Guild Logo
Removing the Poll Background Color in Mozilla
Petpage Specific Codes
Removal Codes
Removing the Banner at the Top of the Page
Removing the Copyright on the Bottom of the Page
Other Codes
Changing Font Size, Font Type & Font Color for Neopets Copyright
(text & links same color)
(see petpage specific section for petpages)
Changing Font Size, Font Type & Font Color for Neopets Copyright
(text & links different colors)
(see petpage specific section for petpages)
Pet Description Specific Codes
Removal Codes
Removing 'Owner' and Quick Personality Description Information
(upper block of statistics module)
Removing 'Neomail Owner' and 'Visit Pets Web Page' Images
(may affect personal image links; neomail me for help with this)
Image Codes
Bordering Your Petpet Image
Changing the Size of Your Pet's Image
Other Codes
Capitalizing Pet and Petpet Names in Neopet Module
Capitalizing Pet and Petpet Names in Neopet Module
(alternative code)
Removing "Petname the Pettype" (?) on Pet Descriptions
Submitted by Brexis
Capitalizing all letters of "PETNAME the PETTYPE" (?) on Pet Descriptions
Capitalizing the first letters of "Petname the Pettype" (?) on Pet Descriptions
Shop Specific Codes
Removal Codes
Removing Black 'Advertisement' Bar
Removing Gray Band/Upper Portion of Headers
(Best Used with 'Advertisement' Bar Removal Code)
Removing Nickelodeon White Ad Bar
Removing Sidebar
(change font color to the color of your background)
Removing Sidebar with Left Alignment Fix
(change font color to the color of your background)
Removing Header & Footer Images
Removing Ads
HTML Codes
Images
Image-Text Wrap
Image Positioned to the Left With Text Wrap Around It
Image Positioned to the Right With Text Wrap Around It
Links
Adding Links
Image Link
Image Link With No Purple Border
Centering
Basic Centering
Paragraph Centering
Basic Font Tricks
Aligning Text to the Left
Aligning Text to the Right
Bolding
Slashing
(Replace brackets with greater/less than signs)
Slashing (on Petpages)
Underlining
(Replace brackets with greater/less than signs)
Italicizing
Sup Text
Sub Text
Font Color
Font Size
Other Codes
Making Text Appear When You Hover Over an Image:

Breaking or Adding Text to a New Line
Bullets