Tag Archives | stylish

Tweak up the Bookmarks Bar in Firefox

Image1

Tired of the way your Firefox bookmarks toolbar looks?  Here are some easy tweaks you can make, as long as you have the Stylish add-on installed.

Gradient Background for the Bookmarks Bar

gradient-background

Hide the Bookmarks Toolbar, Forever!

no-bookmarks

Hide only the Folder Icons on the Bookmarks Toolbar

Image1

Hide ALL Icons on the Bookmarks Toolbar

hide-icons

Auto-Hide the Bookmarks Toolbar

auto-hide

Icons Only (text on hover) via the Bookmarks Toolbar)

show-on-hover

Save on Space! Compress Bookmarks Toolbar Items

save-space

To make use of any of these changes, go download and check out the Stylish extension for Firefox.  It makes customization a pretty easy task, if you can find some jewels like the links above or you know a little CSS.

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!

Stylish about:blank Replacements for Firefox

Tired of looking at an empty screen when you load your new tab up?  Well, thanks to the Stylish extension and a few creative people, you can make the about:blank page a little better looking.

First step would be to install the Stylish add-on for Firefox.  Once you have done that, click on one of the links bellow and add it to your own Firefox installation.

5823_after icefox 6921_after 2433_after

2400_after 6710_after 3253_after 5942_after

2329_after 4426_after 1441_after 1792_after

1851_after 8243_after 4156_after 9626_after

For more about:blank replacements, be sure to check out UserStyles.org.

Gmail Redesigned (plus some more neat features)

I have shown you before, the awesome Stylish user style Gmail Redesigned before.  The version two of this awe inspiring graphical facelift just adds to the greatness that was already there.

03

01 04 05 06

There are three additional scripts you can add to Firefox though that promise to make it even more customized to suit your needs.

Remember before you get started with any of these, you will need to pick up the Stylish add-on for Firefox.  To check out more Stylish tweaks and tips, also be sure to check the Firefox Facts archives.

Update – You can now get this great style as an add-on on the Firefox Add-ons web site too.

Turn Google a Little Blue, Just for YOU!

Feeling a little blue?  Google can too, thanks to this user style!

Google is a Little Blue?

The Google Web Search – dark blue redesign (vC) user style adds a ‘bit of blue to the otherwise white and bland Google background.  To use this style, you will need to install the Stylish extension for Firefox.  Also as the designer points out on the page,  this style only works for google.com. To make it work for other countries, use a plain text editor to search for “google.com” and replace all occurrences with “google.co.uk” or whatever you use.

Add Some Color to the Awesome Bar

Is the awesome bar a little bland for you?  Firefox 3′s address bar seems to be something people either really love or love to hate.  Now due to a little creativity and the Stylish extension you can color it up a little ‘bit to help usability.

8564_after

This changes up how you use the awesome bar.  Your tags will be light yellow, you bookmarks will be blue, and your history items will be light green.

Colorful, isn’t it?  If you like this you may also want to check out more work by the creator, -=Ben=-.

If you would like to include this tweak to your own Firefox 3 awesome bar, all you need to do is pick up the Stylish extension for Firefox and then install this scriptAwesome Bar Background Color Based on Type (WOW) *.

User Styles for Facebook

Facebook Firefox TipsWho doesn’t like Facebook? I’ve got a profile there and I am sure you do too. While looking for ways to make my facebooking just a little ‘bit better I ran into these user styles created to work with the Stylish Firefox extension.

De-MySpacify – Tired of all the user applications on Facebook? Say goodbye to them with this user style. The name of this tweak does speak volumes to some.

Facebook Green – Yes, everything you can expect is delivered here. All the same Facebook goodness except everything has a green tint to it. Great for St Patrick’s Day.

Mini Facebook – This makes the font on the iPhone version of Facebook smaller so that it will work well in an iframe widget on iGoogle.

deviantART Skin for Facebook – deviantART has a pretty slick style – and now you can bring that same style to your Facebook page.

Facebook Always Expand Applications – Get rid of the toggle feature on the applications sidebar, allowing all apps to be visible at all times.

Now you should have no problems with saying you have the most stylish looking Facebook page around.

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.

How to Backup Stylish Styles

Backup Your User StylesI enjoy using the Stylish extension to make a lot of little edits to various web sites I visit around the web. The biggest would probably be Gmail – and I would rather not lose all the user style edits I have done just in case the worst might happen.

The other day I was re-installing Firefox on my main machine here, and I needed to backup the edits and user styles I had downloaded and created. I searched and searched, and finally found the place which it is saved to. It is not an easy file to find so I thought I would share with you where it is at.

On Windows XP go to Documents and Settings, then go to your profile folder. From there navigate yourself through Application Data, then Mozilla, then Firefox (yes, it is pretty deep in there) and then your profile folder for Firefox.

You made it! Do the dance of joy and move on…

The file your looking to copy is stylish.rdf. Of course you could always just search your computer for the same file name – but what fun would that be?

Just right-click on it, copy it and save it elsewhere. Then when you need to restore the settings, drag and drop it back where you found it and all should be well again.

Best of the Links – Firefox Edition

Firefox Bank CardYeah how would you like to be able to whip that out at your local mall? You’d have them gazing in awe of the awesomeness that if Firefox. Either that or they’d just say, “what’s that, your dog?”. Either way – you make a good impression.

The same kind of impression all these links left of me.

Have a suggestion or link to toss my way? Drop in a comment or E-mail it to me.