Be Ad-Free!

This work is in the public domain.

Why You Should Use This Guide

Blocking the ads this way is unreliable, as it uses on element names that are always changing. It may not work entirely and definitely won't work forever. Try not to depend on this unless no other method is available to you. Look up "adblock plus" or "Fanboy's list" for ideas.



Thanks

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

Internet Explorer

Also, Maxthon

  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. In later versions, the Tools menu may appear as a gear icon in the upper right-hand corner, or you can press Alt to see the old menu.
  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 OK until you're out of Internet Options. You may have to restart Internet Explorer before the changes take effect.
  11. Check out the extras!

Mozilla Browser for Windows

  1. Open My Computer.
  2. Paste this into the address bar and press Enter:
    %APPDATA%/Mozilla/Profiles/default
    You will see a folder named xxxxxxxx.slt, where xxxxxxxx represents a random string of numbers and letters.
  1. Open xxxxxxxx.slt.
  2. Open the folder named chrome.
  3. In the chrome folder, you will see a file named userContent-example.css or userContent-example.
    • 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.
  4. Double-click userContent.css or userContent to open it in Notepad.
  5. Delete the contents if you haven't added anything to this file before, then insert this:
  6. Save the file (File: Save) and restart Mozilla.
  7. Check out the extras!

Mozilla Browser for Mac OS

  1. Open Finder.
  2. Paste this into the address bar:
    ~/Library/Mozilla/Profiles/default/
    Here you should see a folder named xxxxxxxx.slt. You will not see xxxxxxxx, but a string of seemingly random numbers and letters. Open xxxxxxxx.slt.
  3. Open chrome.
  4. In the chrome folder, you will see a file named userContent-example.css or userContent-example.
    • 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.
  5. p{ font-family: "Gill Sans", Verdana, sans-serif; color: #657b83; font-size: 100%; font-weight: 400; : 10%; : 10%; }
  6. Open userContent.css or userContent in TextEdit.
  7. Go to Format and select Make Plain Text.
  8. A box may pop up when you do this. If it does, select Don't Append.
  9. Delete the contents if you haven't added anything to this file before, then insert this:
  10. Save the file (File: Save) and restart Mozilla.
  11. Check out the extras!

Mozilla Browser for Linux

  1. Go to ~/.mozilla/
  2. Open the folder named with your computer account username.
  3. Open xxxxxxxx.slt. You will not see xxxxxxxx, but a string of seemingly random numbers and letters.
  4. In the xxxxxxxx.slt folder, you will see a file named userContent-example.css or userContent-example.
    • If you see userContent-example.css, rename it userContent.css
    • If you see userContent-example, rename it userContent.
  5. Open userContent.css or userContent in a text editor.
  6. Delete the contents if you haven't added anything to this file before, then insert this:
  7. Save the file (File: Save) and restart Mozilla.
  8. Check out the extras!

Firefox for Windows

  1. Open My Computer.
  2. Paste this into the address bar and press Enter:
    %APPDATA%/Mozilla/Firefox/Profiles
    You will see a folder named xxxxxxxx.default, where xxxxxxxx represents a random string of numbers and letters.
  1. Open xxxxxxxx.default.
  2. Open the folder named chrome. If it doesn't exist, create it.
  3. In the chrome folder, you will see a file named userContent-example.css or userContent-example. If you had to create the folder, you'll need to create the file inside it as well. Go to Tools: Folder Options, click the View tab, and uncheck "Hide extensions for known file types" to ensure that you end up with the correct file name.
    • 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.
  4. Double-click userContent.css or userContent to open it in Notepad.
  5. Delete the contents if you haven't added anything to this file before, then insert this:
  6. Save the file. If you had to create this file, use File: Save As and make sure "Save as type" is set to "All Files". Restart Firefox.
  7. Check out the extras!

Firefox for Mac OS

  1. Open Finder.
  2. Paste this into your address bar:
    ~/Library/Application Support/Firefox/Profiles/
  3. Open the folder named xxxxxxxx.default. You will not see xxxxxxxx, but a string of seemingly random numbers and letters.
  4. Open chrome.
  5. In the chrome folder, you will see a file named userContent-example.css or userContent-example.
    • 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.
  6. Open userContent.css or userContent in TextEdit.
  7. Go to Format and select Make Plain Text.
  8. A box may pop up when you do this. If it does, select Don't Append.
  9. Delete the contents if you haven't added anything to this file before, then insert this:
  10. Save the file (File: Save) and restart Firefox.
  11. Check out the extras!

Firefox for Linux


  1. Go to ~/.mozilla/firefox/ (if in doubt, paste it into the file browser's address bar)
    • Enter the directory resembling xxxxxxxx.default, then chrome/
  2. In chrome/, you will see a file named userContent-example.css or userContent-example.
    • If you see userContent-example.css, rename it userContent.css
    • If you see userContent-example, rename it userContent.
  3. Open that file in a text editor.
  4. Delete the contents if you haven't added anything to this file before, then insert this:
  5. Save the file (File: Save) and restart Firefox.
  6. Check out the extras!

Seamonkey -- Windows

  1. Open My Computer.
  2. Paste this into the address bar and press Enter:

    %APPDATA%/Mozilla/Profiles/default

    You will see a folder named xxxxxxxx.slt, where xxxxxxxx represents a random string of numbers and letters.
  1. Open xxxxxxxx.slt.
  2. Open the folder named chrome.
  3. In the chrome folder, you will see a file named userContent-example.css or userContent-example.
    • 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.
  4. Double-click userContent.css or userContent to open it in Notepad.
  5. Delete the contents if you haven't added anything to this file before, then insert this:
  6. Save the file (File: Save) and restart Seamonkey.
  7. Check out the extras!

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
    • 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. Delete the contents if you haven't added anything to this file before, then insert this:
  8. Save the file (File: Save) and restart Seamonkey.
  9. Check out the extras!

Seamonkey -- Linux

  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
    • 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. Delete the contents if you haven't added anything to this file before, then insert this:
  6. Save the file (File: Save) and restart Seamonkey.
  7. Check out the extras!

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.
  8. Check out the extras!

K-Meleon

  1. Go to Edit: Preferences.
  2. Click Config.
  3. Select userContent.css
  4. Add this to the end of the file:
  5. If nothing changes, try restarting K-Meleon.

Opera

  1. Open a text editor (Notepad for Windows or TextEdit for Mac OS; there are numerous Linux ones).
  2. Copy and paste this into the file:
  3. Save the file as neopets.css
  4. Right-click in an empty spot on any Neopets page and go to Edit Site Preferences.
  5. Go to Display at the top.
  6. Click Choose under My Style Sheet, navigate to where you saved neopets.css, and double-click it.
  7. Click OK until all the windows are closed.
  8. Check out the extras!

If that doesn't work:

Try these older instructions:

  1. Open a text editor (Notepad for Windows or TextEdit for Mac OS; there are numerous Linux 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.
  6. Click Content on the left side.
  7. Click Style Options.
  8. Click Choose, navigate to where you saved neopets.css, and double-click it.
  9. Click OK until all the windows are closed.
  10. Check out the extras!

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
  9. Check out the extras!

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

Flock -- Windows

  1. Open My Computer.
  2. Paste this into the address bar and press Enter:

    %APPDATA%/Flock/Browser/Profiles

    You will see a folder named xxxxxxxx.default, where xxxxxxxx represents a random string of numbers and letters.
  1. Open xxxxxxxx.slt.
  2. Open the folder named chrome.
  3. In the chrome folder, you will see a file named userContent-example.css or userContent-example.
    • 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.
  4. Double-click userContent.css or userContent to open it in Notepad.
  5. Delete the contents if you haven't added anything to this file before, then insert this:
  6. Save the file (File: Save) and restart Flock.
  7. Check out the extras!

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.
    • 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. Delete the contents if you haven't added anything to this file before, then insert this:
  8. Save the file (File: Save) and restart Flock.
  9. Check out the extras!

Flock -- Linux

  1. Go to ~/.flock/browser/
  2. Enter the directory resembling xxxxxxxx.default
  3. In that directory, you will see a file named userContent-example.css or userContent-example.
    • 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. Delete the contents if you haven't added anything to this file before, then insert this:
  6. Save the file (File: Save) and restart Flock.
  7. Check out the extras!

Camino

  1. Open Finder.
  2. Paste this into the address bar and press Enter:

    ~/Library/Application Support/Camino/chrome

  3. In the chrome folder, you will see a file named userContent-example.css or userContent-example.
    • 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. Delete the contents if you haven't added anything to this file before, then insert this:
  8. Save the file (File: Save) and restart Camino.
  9. Check out the extras!

Chrome for Windows

  1. Open My Computer.
    1. In Windows XP, go to C: Documents and Settings: YOUR-USER-NAME: Local Settings: Application Data: Google: Chrome: User Data: Default: User Stylesheets.
    2. In Windows Vista or Windows 7, go to C: Users: YOUR-USER-NAME: AppData: Local: Google: Chrome: User Data: Default: User Stylesheets.
  2. If you can't find some of these folders, you may need to go to Tools: Folder Options, click the View tab, and check Show hidden files and folders under Hidden files and folders. If you do not see a Tools menu at the top of My Computer, try pressing Alt.
  3. Double-click Custom.css (it may be called only Custom -- same thing) to open it in Notepad.
  4. Copy and paste this into the file:
  5. Save the file (File: Save). You should see the changes take effect after refreshing the Neopets page, but if not, try restarting Chrome.
  6. Check out the extras!

Chrome for Mac OS

Instructions for Chrome under Mac OS are coming soon. :) - 20JAN2011

Chromium

This is actually for Chromium, not Chrome, but I'm sure you can figure it out if your setup differs slightly.

  1. Go to ~/.config/chromium/Default/User Stylesheets/
  2. Open Custom.css in a text editor.
  3. Insert this into the file:
  4. Save the file. Changes should take effect immediately. If not, try refreshing the page or restarting the browser.
  5. Check out the extras!

FAQ

Alternatives

If you want to block the ads but have no reason to use the convoluted method here, try one of these:

Firefox

(And any other browser supporting Firefox extensions).

Find and install the Adblock Plus extension. Not just "Adblock." Subscribe to Fanboy's List or a more appropriate list for your region. If you find that a gap in the top of the page remains after starting to use ABP, you can add to the ABP filters: neopets.com##*#ban

Chrome

Same thing as Firefox.

Internet Explorer and Opera

Look up "Fanboy's list".

Safari

Find and install "Adblock for Safari." Refer to Firefox instructions.

Link to this Guide

I now have two great buttons created by Yael!

Animated Static

Ancient version, for old times' sake:

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 hide most of the "Have you..." module on the sidebar (the one that nags you to create a pet, get your newbie pack, make a Neohome, etc.):

Screenshot Code

(drag to address bar to enlarge)

Why You Should Use This Guide

Just in case you need convincing. Drag the images to your address bar to enlarge them.

Before

After

Trail of Melted Eyes

The guide began namelessly on /~The_Freebie_Kacheek. There was no fancy navigation, just a list of links, and in the beginning it supported only Internet Explorer, Opera, and Firefox on Windows. There was very little formatting in it; it was aesthetically unimpressive (I mean more). After some time, there was a terribad linkback image:

And so the guide remained for a while.

But that wasn't going to cut it for long. I created a page identical to this except that the banner used a rather stronger word for Hades.

People complained about the red on black, and after a while I added that Eye-Friendly Version link you see there, which led to a version of the page which was all black-on-white.

I used these linkback images:

At some point the stronger word was quite clearly banned, and I found myself forced to remove it. This became The Mega-Über-Pwnsome Ad-Blocking Guide from Hades.

And so the guide remained for a longer while.

I eventually gave in to the complaints of burning eyes, and gave the people this:

I figured making the actual content black-on-white would be good enough to satisfy the sensitive-eyed while maintaining the theme of the guide, but still the complaints rolled in. I thrashed about in desperation for a time.

And so the guide remained for an even longer while, and went through many page moves and emergency mirrors.

Unfortunately, it wasn't too long before the page's design had overstayed its welcome. The navigation was awkwardly built. Each box you see there had to be individually styled and absolutely positioned. It looked horrible on wide-screen displays. I had realized the sin of superfluous graphics on the web. After a good long time of tinkering, there was this:

It was a bit of an improvement but it was still red on black, which turns out not to be all that pleasant, especially on a CRT monitor.

And so the guide remained, despite this, for the longest while yet, while I was away playing Sailor.

I gave in to the pleas in November 2008, and temporarily changed to this while I thought over my options:

Obviously this is only slightly better than red on black as far as contrast shock goes. After an extended session of analysis paralysis, I just changed it to black on white to be done with it.

While it's saddening to see the days of The Mega-Über-Pwnsome Ad-Blocking Guide from Hades go, surely we all bid a happy farewell to the last remnants of its original design.

Surprise! Changed again. Now it's using some of Solarized. Yum yummy. (Summer 2013).

This Work Is in the Public Domain

This means that anyone may do anything they want with it without asking anyone for permission. The page design and contents and all fragments thereof may be modified, used, abused, misused, ripped off, stolen, adapted, sold (good luck), and redistributed.




Heads Up! You're about to leave Neopia!

You've clicked on a link that will take you outside of
Neopets.com. We do not control your destination's website,
so its rules, regulations, and Meepit defense systems will be
different! Are you sure you'd like to continue?



It is a journey
I must face...alone.
*dramatic music*
I want to stay on Neopets,
where the dangers of
Meepit invasion
are taken seriously.
Heads Up! You're about to leave Neopia!

You've clicked on a link that will take you outside of
Neopets.com. We do not control your destination's website,
so its rules, regulations, and Meepit defense systems will be
different! Are you sure you'd like to continue?



It is a journey
I must face...alone.
*dramatic music*
I want to stay on Neopets,
where the dangers of
Meepit invasion
are taken seriously.
Heads Up! You're about to leave Neopia!

You've clicked on a link that will take you outside of
Neopets.com. We do not control your destination's website,
so its rules, regulations, and Meepit defense systems will be
different! Are you sure you'd like to continue?



It is a journey
I must face...alone.
*dramatic music*
I want to stay on Neopets,
where the dangers of
Meepit invasion
are taken seriously.
/help/bumper/headers/log-in-to-facebook

NEOPETS, characters, logos, names and all related indicia
are trademarks of Neopets, Inc., © 1999-2014.
® 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