Linkback
Neomail
Explorer
Mozilla
Windows
Mac OS
Unix OSes
Firefox
Windows
Mac OS
Unix OSes
Seamonkey
Windows
Mac OS
Unix OSes
Konqueror
Opera
Safari
Flock
Windows
Mac OS
Unix OSes
FAQ
Extras




Helper47's Mirror | Vree67's Mirror | Eye-Friendly Version

Thanks

Gratitude is long overdue -- the following people have helped immensely with the guide:

There are a few more people to thank, but unfortunately I can't remember who they are -- no username, nickname, anything. If you feel you've been unfairly excluded, Neomail me and say so. Cheers!

Internet Explorer

  1. Open Notepad through one of these methods:
    • Go to Start: (All) Programs: Accessories and select Notepad
    • Go to Start: Run, type 'notepad' and press OK
  2. Copy this into Notepad:.
  3. Go to File: Save As.
  4. Name the file 'neopets.css'.
  5. Change the Save As Type field to 'All Files' and click Save.
  6. In Internet Explorer, go to Tools: Internet Options.
  7. Click the Accessibility button near the lower right-hand corner.
  8. Check the box next to 'Format documents using my style sheet'.
  9. Click Browse next to that option, go to where you saved neopets.css, and double-click it.
  10. Click Apply. You may have to restart Internet Explorer before the changes take effect.

Mozilla Browser -- Windows

  1. Go to Start: Run.
  2. Paste this in and click OK:
    %APPDATA%/Mozilla/Profiles/default
    A Windows Explorer window should open. It will contain a folder named xxxxxxxx.slt, where xxxxxxxx represents a random string of numbers and letters.
  3. Open xxxxxxxx.slt.
  4. Open the folder named 'chrome'.
  5. In the 'chrome' folder, you will see a file named 'userContent-example.css' or 'userContent-example'. Which one you see determines what you do next:
    • If you see 'userContent-example.css', right-click this file, select 'Rename', and name it 'userContent.css'.
    • If you see 'userContent-example', right-click this file, select 'Rename', and name it 'userContent'.
  6. Double-click 'userContent.css' or 'userContent' to open it in Notepad.
  7. Erase everything in the file, then copy and paste this:
  8. Save the file (File: Save) and restart Mozilla.

Mozilla Browser -- Mac OS

  1. Open Finder.
  2. Click through the following file path (it won't work if you try to paste it into the address bar):
    ~/Library/Mozilla/Profiles/default/xxxxxxxx.slt/chrome/
    You will not see 'xxxxxxxx', but a string of seemingly random numbers and letters. It's different for everyone, so I can't tell exactly what it will be.
  3. In the 'chrome' folder, you will see a file named 'userContent-example.css' or 'userContent-example'. Which one you see determines what you do next:
    • If you see 'userContent-example.css', click this file, press 'Return/Enter' to select the text box, and name it 'userContent.css'.
    • If you see 'userContent-example', click this file, press 'Return/Enter' to select the text box, and name it 'userContent'.
  4. Open 'userContent.css' or 'userContent' in TextEdit.
  5. Go to Format and select Make Plain Text.
  6. A box may pop up when you do this. If it does, select 'Don't Append'.
  7. Erase everything in the file, then copy and paste this:
  8. Save the file (File: Save) and restart Mozilla.

Mozilla Browser -- Unix OSes

  1. Open your file browser.
  2. Click through the following file path (it won't work if you try to paste it into the address bar):
    ~/.mozilla/USERNAME/xxxxxxxx.slt/
    You will not see 'xxxxxxxx', but a string of seemingly random numbers and letters. It's different for everyone, so I can't tell exactly what it will be. USERNAME stands for your computer account username.
  3. In the 'xxxxxxxx.slt' folder, you will see a file named 'userContent-example.css' or 'userContent-example'. Which one you see determines what you do next:
    • If you see 'userContent-example.css', rename it 'userContent.css'.
    • If you see 'userContent-example', rename it 'userContent'.
  4. Open 'userContent.css' or 'userContent' in a text editor.
  5. Erase everything in the file, then copy and paste this:
  6. Save the file (File: Save) and restart Mozilla.

Firefox -- Windows

  1. Go to Start: Run.
  2. Paste this in and click OK:
    %APPDATA%/Mozilla/Firefox/Profiles
    A Windows Explorer window should open. It will contain a folder named xxxxxxxx.default, where xxxxxxxx represents a random string of numbers and letters.
  3. Open xxxxxxxx.default.
  4. Open the folder named 'chrome'.
  5. In the 'chrome' folder, you will see a file named 'userContent-example.css' or 'userContent-example'. Which one you see determines what you do next:
    • If you see 'userContent-example.css', right-click this file, select 'Rename', and name it 'userContent.css'.
    • If you see 'userContent-example', right-click this file, select 'Rename', and name it 'userContent'.
  6. Double-click 'userContent.css' or 'userContent' to open it in Notepad.
  7. Erase everything in the file, then copy and paste this:
  8. Save the file (File: Save) and restart Firefox.

Firefox -- Mac OS

  1. Open Finder.
  2. Click through the following file path (it won't work if you try to paste it into the address bar):
    ~/Library/Application Support/Firefox/Profiles/xxxxxxxx.default/chrome/
    You will not see 'xxxxxxxx', but a string of seemingly random numbers and letters. It's different for everyone, so I can't tell exactly what it will be.
  3. In the 'chrome' folder, you will see a file named 'userContent-example.css' or 'userContent-example'. Which one you see determines what you do next:
    • If you see 'userContent-example.css', click this file, press 'Return/Enter' to select the text box, and name it 'userContent.css'.
    • If you see 'userContent-example', click this file, press 'Return/Enter' to select the text box, and name it 'userContent'.
  4. Open 'userContent.css' or 'userContent' in TextEdit.
  5. Go to Format and select Make Plain Text.
  6. A box may pop up when you do this. If it does, select 'Don't Append'.
  7. Erase everything in the file, then copy and paste this:
  8. Save the file (File: Save) and restart Firefox.

Firefox -- Unix OSes

  1. Open your file browser.
  2. Click through the following file path (it won't work if you try to paste it into the address bar):
    /home/USERNAME/.mozilla/firefox/xxxxxxxx.default/chrome/
    You will not see 'xxxxxxxx', but a string of seemingly random numbers and letters. It's different for everyone, so I can't tell exactly what it will be. USERNAME stands for your computer account username.
  3. In the 'chrome' folder, you will see a file named 'userContent-example.css' or 'userContent-example'. Which one you see determines what you do next:
    • If you see 'userContent-example.css', rename it 'userContent.css'.
    • If you see 'userContent-example', rename it 'userContent'.
  4. Open 'userContent.css' or 'userContent' in a text editor.
  5. Erase everything in the file, then copy and paste this:
  6. Save the file (File: Save) and restart Firefox.

Seamonkey -- Windows

  1. Go to Start: Run.
  2. Paste this in and click OK:

    %APPDATA%/Mozilla/Profiles/default

    A Windows Explorer window should open. It will contain a folder named xxxxxxxx.slt, where xxxxxxxx represents a random string of numbers and letters.
  3. Open xxxxxxxx.slt.
  4. Open the folder named 'chrome'.
  5. In the 'chrome' folder, you will see a file named 'userContent-example.css' or 'userContent-example'. Which one you see determines what you do next:
    • If you see 'userContent-example.css', right-click this file, select 'Rename', and name it 'userContent.css'.
    • If you see 'userContent-example', right-click this file, select 'Rename', and name it 'userContent'.
  6. Double-click 'userContent.css' or 'userContent' to open it in Notepad.
  7. Erase everything in the file, then copy and paste this:
  8. Save the file (File: Save) and restart Seamonkey.

Seamonkey -- Mac OS

  1. Open Finder.
  2. Click through the following file path (it won't work if you try to paste it into the address bar):

    ~/Library/Mozilla/Profiles/default/xxxxxxxx.slt/

    OR, if that doesn't work:

    ~/Library/Application Support/Mozilla/Profiles/default/xxxxxxxx.slt/

    OR, if that doesn't work:

    ~/Library/mozilla.org/SeaMonkey/Profiles/default/

    You will not see 'xxxxxxxx', but a string of seemingly random numbers and letters. It's different for everyone, so I can't tell exactly what it will be.
  3. In the 'xxxxxxxx.slt' or 'default/' folder, you will see a file named 'userContent-example.css' or 'userContent-example'. Which one you see determines what you do next:
    • If you see 'userContent-example.css', click this file, press 'Return/Enter' to select the text box, and name it 'userContent.css'.
    • If you see 'userContent-example', click this file, press 'Return/Enter' to select the text box, and name it 'userContent'.
  4. Open 'userContent.css' or 'userContent' in TextEdit.
  5. Go to Format and select Make Plain Text.
  6. A box may pop up when you do this. If it does, select 'Don't Append'.
  7. Erase everything in the file, then copy and paste this:
  8. Save the file (File: Save) and restart Seamonkey.

Seamonkey -- Unix OSes

  1. Open your file browser.
  2. Click through the following file path (it won't work if you try to paste it into the address bar):

    ~/.mozilla/default/xxxxxxxx.slt/

    OR, if that doesn't work:

    ~/.mozilla.org/seamonkey/default/

    You will not see 'xxxxxxxx', but a string of seemingly random numbers and letters. It's different for everyone, so I can't tell exactly what it will be.
  3. In the 'xxxxxxxx.slt' or 'default/' folder, you will see a file named 'userContent-example.css' or 'userContent-example'. Which one you see determines what you do next:
    • If you see 'userContent-example.css', rename it 'userContent.css'.
    • If you see 'userContent-example', rename it 'userContent'.
  4. Open 'userContent.css' or 'userContent' in a text editor.
  5. Erase everything in the file, then copy and paste this:
  6. Save the file (File: Save) and restart Seamonkey.

Konqueror

  1. Open a text editor, such as Kate, KEdit, or one of the thirty others half the distros out there come with.
  2. Copy and paste this into the file:
  3. Save the file as neopets.css.
  4. In Konqueror, go to Settings: Configure Konqueror.
  5. Choose Stylesheets from the menu on the left.
  6. Check the box next to Use User-Defined Stylesheet.
  7. Click Browse, go to where you saved neopets.css, and double-click it.

Opera

  1. Open a text editor (Notepad for Windows or TextEdit for Mac OS; there are numerous Unix ones).
  2. Copy and paste this into the file:
  3. Save the file as neopets.css
  4. In Opera, go to Tools: Preferences.
  5. Go to the Advanced tab at the top of the window.
  6. Go to the Content tab on the left side of the window.
  7. Click Style Options.
  8. Go to the Display tab in the new window.
  9. Click the Choose button near the bottom, beneath My style sheet, browse to the CSS file, and double-click it.

Safari

  1. Open TextEdit.
  2. Copy and paste this into the file:.
  3. Go to Format and select Make Plain Text.
  4. A box may pop up when you do this. If it does, select 'Don't Append'.
  5. Save the file (File: Save) as neopets.css.
  6. Go to Safari: Preferences.
  7. Go to the Advanced Tab.
  8. Click the dropdown list next to Style Sheet and select neopets.css.

Many thanks to Eme from the Apple support forum for the instructions and a screenshot:

Flock -- Windows

  1. Go to Start: Run.
  2. Paste this in and click OK:

    %APPDATA%/Flock/Browser/Profiles

    A Windows Explorer window should open. It will contain a folder named xxxxxxxx.default, where xxxxxxxx represents a random string of numbers and letters.
  3. Open xxxxxxxx.default.
  4. Open the folder named 'chrome'.
  5. In the 'chrome' folder, you will see a file named 'userContent-example.css' or 'userContent-example'. Which one you see determines what you do next:
    • If you see 'userContent-example.css', right-click this file, select 'Rename', and name it 'userContent.css'.
    • If you see 'userContent-example', right-click this file, select 'Rename', and name it 'userContent'.
  6. Double-click 'userContent.css' or 'userContent' to open it in Notepad.
  7. Erase everything in the file, then copy and paste this:
  8. Save the file (File: Save) and restart Flock.

Flock -- Mac OS

  1. Open Finder.
  2. Click through the following file path (it won't work if you try to paste it into the address bar):

    ~/Library/Application Support/Flock/xxxxxxxx.default/

    You will not see 'xxxxxxxx', but a string of seemingly random numbers and letters. It's different for everyone, so I can't tell exactly what it will be.
  3. In the 'xxxxxxxx.default' folder, you will see a file named 'userContent-example.css' or 'userContent-example'. Which one you see determines what you do next:
    • If you see 'userContent-example.css', click this file, press 'Return/Enter' to select the text box, and name it 'userContent.css'.
    • If you see 'userContent-example', click this file, press 'Return/Enter' to select the text box, and name it 'userContent'.
  4. Open 'userContent.css' or 'userContent' in TextEdit.
  5. Go to Format and select Make Plain Text.
  6. A box may pop up when you do this. If it does, select 'Don't Append'.
  7. Erase everything in the file, then copy and paste this:
  8. Save the file (File: Save) and restart Flock.

Flock -- Unix OSes

  1. Open your file browser.
  2. Click through the following file path (it won't work if you try to paste it into the address bar):

    ~/.flock/browser/xxxxxxxx.default/

    You will not see 'xxxxxxxx', but a string of seemingly random numbers and letters. It's different for everyone, so I can't tell exactly what it will be.
  3. In the 'xxxxxxxx.default' folder, you will see a file named 'userContent-example.css' or 'userContent-example'. Which one you see determines what you do next:
    • If you see 'userContent-example.css', rename it 'userContent.css'.
    • If you see 'userContent-example', rename it 'userContent'.
  4. Open 'userContent.css' or 'userContent' in a text editor.
  5. Erase everything in the file, then copy and paste this:
  6. Save the file (File: Save) and restart Flock.

FAQ

I actually only have two subjects that crop up a lot, so this is a rather short FAQ. If you have a question you think should be added to it, Neomail me.

Link to this Guide

These images may be resized by editing the width= and height= values. They're in a lossless format so there should be no problems if you keep the dimensions proportional.

Extras

You can add these to your ad-block stylesheet to further customize the website.

This will hide the sidebar containing the Neofriend list and your active pet:

Screenshot Code

(drag to address bar to enlarge)

This will widen threads ('topics') on the Neoboards to occupy the space that the ad to the right used to fill:

Screenshot Code

(drag to address bar to enlarge)

These are the most common, relevant, or likely to be used customizations, but remember that you can tweak any element to your preferences. Be aware, however, that user styles apply to all web sites, not just Neopets, so you may have undesirable effects such as an element named .sidebar on another site failing to appear.




NEOPETS, characters, logos, names and all related indicia
are trademarks of
Neopets, Inc., © 1999-2009.
® denotes Reg. US Pat. & TM Office. All rights reserved.

PRIVACY POLICY | Safety Tips | Contact Us | About Us | Press Kit
Use of this site signifies your acceptance of the Terms and Conditions