Tag Archives | user-styles

Remove Chat from iGoogle

Remove Chat from iGoogle!

If you are a user of the Stylish extension, you will love this little tip.  I use iGoogle, however I never stay on the page long enough to use the embedded chat they included a while back.  However I am happy to say I found a solution. 

Install this Stylish user style:

Once doing so, the chat (as you seen in the screenshot above) disappears.  To make it work for me, I had to change:

http://www.google.com/ig?hl=en

to

http://www.google.com/ig

However, once that was done – it worked flawlessly.  An easy hack for a very lovable web page.  Got to love these Stylish user styles!

4 Ways to Add Rounded Tabs to Firefox

There are many ways you can customize Firefox to make it fit your personal needs.  Don’t like the fact that the tabs are just a little rounded, and wish they were more rounded?  No need to try to find a theme that fits your needs.  I have for you, four ways to round off your tabs in Firefox using the Stylish extension.   You can round off all tabs, one tab corner, just the selected tab or forget about all this rounded stuff and make them all square.

All Tabs are Rounded

Want to make all of your tabs more rounded inside of Firefox?  This user style will help you get that look and feel inside of Firefox.

Make ALL Tabs Round!

Slightly Rounded Tabs

If you are not that crazy about the idea of having too many rounded edges, you could just round the upper-right of the tab, if needed.

Just a Little Roundness...

I HATE Rounded Tabs

Now, if you have absolute distain for the idea of rounding off your tabs, I have a user style for you too.  With this one, you can make the tabs less rounded, and more square.

All Tabs are Square!

Only Round the Selected Tab

Last, but not least, you could also decide to round off only the selected tab.  The reason for doing this is to help visually make it different from the others so that you can pick it out from the crowd of tabs in your tab toolbar.

Only Selected Tab is Round

You now have more than a few ways to make your tabs stand out from the rest of the crowd.

Beginner Guide to Stylish

Stylish Add-on in Status Bar Have you ever looked at a web page and thought to yourself, “it would look better if I could only move this over there, or change the color of that or..” well, there are a lot of things you could change about a lot of the Web’s most popular web sites.  One tool for Firefox lets you customize the look and feel of Firefox and the Web, Stylish.

Using what is called “user styles” the Stylish add-on for Firefox can empower your browsing experience by letting you personalize or fix the features of Firefox or the Web in general that bug you the most.

How do I get started with Stylish?

Once installed, all you have to do is right-click the status bar icon, select “Write Style” and then choose if you want to write a style for the URL you are on right now, or create an empty style not related to any web site, for now at least.  You can also tag your style, giving it a few descriptive words. 

Write a New Style in Stylish!

Now how do you know what to put into the window, to customize Firefox (as I have done in the screenshot above) or your favorite web site?  I suggest checking out userstyles.org. 

Where can I find and learn to create user styles?

Not only is userstyles.org a great repository of scripts others have written that you can use, it is also a place where you can view the code they used, so you can try it out when you create your own user style.

Here are a few resources to get you started finding the user style that you need or want to use:

There is also a user styles blog and set of forums for you to follow too.  If I had a top 10 list of my favorite Firefox add-ons, Stylish would be in the top 5, at least.  Anything that helps the users of Firefox customize the Web or Firefox to meet their needs better is a winner in my book.

Borders for Search and Address Bar in Firefox

With the way I have my elements arranged inside of Firefox, using the default Firefox theme is a little hard to do.  Why?  It bugs me that there is no border around the address or search bars.  It just does not look that polished to me.

ugly-address-bar2

See on the top and bottom?  It has never looked right to me.  So I did a little playing around with the Stylish extension for Firefox, and turned it into this:

ugly-address-bar

Now I am far from being a Jedi master of Stylish, and writing user styles.  I am just learning the basics.  Since this was a big annoyance to me though, I thought it might help somebody else out there.

Download Stylish, and then go down to the task bar icon for it, right-click and select “Write Style” and then “Blank Style”.  Type in any description you wish (mine is “Round Address and Search Boxes”) then type this into the text box for your user style:

#urlbar {
-moz-appearance: none !important;
-moz-border-radius: 3px !important;
padding-right: 1px !important; }

#searchbar .searchbar-textbox {
-moz-appearance: none !important;
-moz-border-radius: 3px !important; }

Hit preview to test it out, and if it worked – then hit the save button.  This worked for me using Firefox 3/Vista Ultimate, so hopefully it will work for you.  If anybody has any pointers, be sure to share!

Fix Google Reader Wide View in Firefox

Fix Google Reader Wide Reading View

Anybody else run into this issue yet? Seems like with the last round of Google Reader updates they broke the widescreen view in Firefox.

After searching the Web for a solution or for others in the same boat at me – I couldn’t find much help. So what is a guy to do? Well I happen to be an avid fan of the Stylish extension so I thought I would write up a little fix using it to solve the problem.

+ Get Fix Google Widescreen View at UserStyles.org

Pick up my user style and see if it does the job for you. The only drawback is that this will get rid of the new toggle button for getting rid of the Google sidebar menu. Personally I have always just used the “U” key to get this job done. Hope this helps others out there being bugged by the same pesky issue.

Popular Tweaks with User Styles

Yes, I am still having fun playing with the Stylish extension for Firefox. There are a lot of neat hacks I guess you could call them to make some of your favorite Web sites and Online applications just look a little better. Here are a few of the more popular ones.

Darkoogle – Gives you that “hey, somebody just turned the lights out” feeling for the Google Web pages out there. Personally I like the white look a little more, but this is neat for trying something “a little different”.

Transparency Edits for iGoogle – Want to make a few elements on iGoogle a little more transparent? This user style makes your search at the top fade a little more into the background so it doesn’t stick out like a sore thumb.

Google Reader Optimized – This one takes away all of the useless things from around Google Reader (mainly from the top) and gives you a cleaner and more straight forward interface to work with.

Gmail Air Skin – Want to give Gmail a more curved interface? This style makes a lot of your menu items and the Gmail interface a little more “round” I guess you could say.

Have any other popular ones you love but I missed?