Change How Your Favorite Websites Look on Firefox with Customize Your Web

   Change How Your Favorite Websites Look on Firefox with Customize Your WebDid you know that you can customize the way you see a website in your browser?  We’ve all heard of the Greasemonkey add-on for Firefox, right?  If not, check out the articles that have been written here on MakeUseOf and you’ll be sure to find out some neat stuff about it.

Basically, Greasemonkey allows users to write and implement scripts that customize the way you interact with websites.

Until now, people who knew nothing about writing scripts have been limited to just installing scripts made available by others.  Well, not anymore my friends!  Now we have a whole new, user-friendly, no scripting necessary way of changing the way we interact with our favorite websites.  Sound too good to be true?  I thought so too!  Please check out the Customize Your Web Firefox add-on.

   Change How Your Favorite Websites Look on Firefox with Customize Your Web


The way this add-on works is really neat.  Basically when you are on a site you want to customize Firefox, click on the hand-dandy icon in your Firefox tray and start customizing.

   Change How Your Favorite Websites Look on Firefox with Customize Your Web

In this post I would like to walk you through how to set up a few customizations I have found useful.

Automatic clicking

With this add-on you can make it so that a specific button is clicked upon the load of a website.  For instance, when I head over to the login screen for my blog, timmyjohnboy, I always have to click on “log in.”  I already have the username and password fields auto-filled but perhaps I’m just too lazy to click the stupid button.  Come on, you can’t tell me you’ve never felt that way!

Anyways, just click on the icon (or press F10) and you’ll be given a bunch of options.

   Change How Your Favorite Websites Look on Firefox with Customize Your Web

You’ll also notice that as you move your mouse across the site, the objects highlight and if you click them, you’re given some options.

   Change How Your Favorite Websites Look on Firefox with Customize Your Web

   Change How Your Favorite Websites Look on Firefox with Customize Your Web

For what we want to do, and that is saving us from the overbearing task of clicking the “log in” button, click “click.”  Then a window pops up giving you the options you’re looking for.

   Change How Your Favorite Websites Look on Firefox with Customize Your Web

Make sure the left button is chosen and make sure that the repetition behavior is set to “run always” if you want this to happen every time.  Then, hit “OK.”  Then, in the script properties sidebar, click save for the settings to be saved.

OK, now I can be automatically logged in just by making a few adjustments!  This can obviously be done for any website where you want to automatically click any button.

Get ride of elements you don’t want to see!

For the sake of demonstration, let’s head over to GodlySheep and get rid of Brett’s nifty little sheep icon!  OK, I am not saying that I don’t like the icon, I really do!  It just makes a really good object to make an example of!

   Change How Your Favorite Websites Look on Firefox with Customize Your Web

Basically just follow the same steps (browse to godlysheep.com, click the icon in the tray, and click on the sheep graphic) but this time click on “remove.”

   Change How Your Favorite Websites Look on Firefox with Customize Your Web

Just like before, make sure that the repetition behavior is set to “run always.”  Then click the same “save” button.  This is what you should now see:

   Change How Your Favorite Websites Look on Firefox with Customize Your Web

Cool, huh?  This trick can be applied to many different objects, including ads!  For instance, if you’re like me and you hate those MySpace ads, all you have to do if remove them!

Move objects or elements (cut, copy, and paste)

Let’s say we also want to rearrange the sidebar on GodlySheep.com to better suit your usage patterns.  Let’s move the banner below the navigation links.  All it takes is some simple cut and paste actions.  Click the banner and then click cut,

   Change How Your Favorite Websites Look on Firefox with Customize Your Web

choose the appropriate settings, and then click the navigation area and click paste after.

   Change How Your Favorite Websites Look on Firefox with Customize Your Web

That’s all it really takes.  Always make sure you save your changes.

It is also necessary for me to mention that changes you make can ALWAYS be deleted so don’t worry too much about ruining something. You can also do many MANY more modifications with Customize Your Web, including toggling the visibility of objects, keyboard shortcuts and so much more!

Whilst exploring this add-on to customize Firefox, let us know what tricks you like the most!

The comments were closed because the article is more than 180 days old.

If you have any questions related to what's mentioned in the article or need help with any computer issue, ask it on MakeUseOf Answers—We and our community will be more than happy to help.

7 Comments -

itimar

Try Follow2…

The Follow2 Add-on for Firefox is a Site Update Notifier which allows you to get on-line updated information from your favorite sites, blogs, forums and more.

https://addons.mozilla.org/en-US/firefox/addon/13020

ninjaboy

wow it is great …it is nearly a boon
thanks for this tim.

billy joe

Baaahh…poor thing never had a chance.

Tim Lenahan

You hafta love sheep! With Customize your web, you can also choose to keep him!