Skip to content

Per-site customization in Mozilla Firefox

August 6, 2011

Ayyooo….

On a coolest day, I got a new assignment from my my boss.  To play some stuffs with a web site.

When I had a look at the site, I really shocked… The site contains pictures of sizzling babes, hot girls, %^*&^*&# etc.

Don’t you think ‘What a lucky I am ?’. Yes, I am. I played a little, crazy work around to(reasonably) hide the pictures from the site.

Mozilla Firefox saved me.

Aim : To customize look and feel of a specific website using ‘userContent.css’ file of Mozilla Firefox

Applicable To : Mozilla Firefox

Example : I want to hide the images from ‘your_domain.com‘.

Solution :

Step 1 : Open Firefox, Go to ‘Firefox’ menu at the top-left of the browser.

Firefox --> Help --> Troubleshooting Information --> Open Containing Folder 

Step 2 : Create a folder named chrome

Step 3 : Create a css file userContent.css

Step 4 : Copy the following code to the files userContent.css

Step 5 : @-moz-document domain(your_domain.com) { img { opacity: 0.05 !important; } }

Step 6 : Replace your_domain.com with specified domain name, say superuser.com if we need to format the images in superuser.com

Step 7 : Resatrt user browser

Play the game what I played. Have fun.

About these ads

From → CSS

Leave a Comment

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s

Follow

Get every new post delivered to your Inbox.

%d bloggers like this: