Auto-hide, Favicons only, Multirow Bookmarks Toolbar for Firefox

By | 15/06/2010

Bookmarks Toolbar

In Firefox, as well as other browsers, the bookmarks toolbar is very handy and useful when you use bookmarking in your browsers! A drawback of the bookmarks toolbar is that by default, it’s very limited in size and style. In Firefox, the bookmarks toolbar is very much customizable.


The issue arises when you’ve got plenty of bookmarks on your bookmarks toolbar and the toolbar gets filled! Well, you get a small arrow to click-on to view remaining bookmarks, which is basically inconvenient!



First solution is to reduce the bookmarks’ names manually by editing them one by one and using smaller names. For example, instead of “Gibni”, putting simply “G” as your bookmark’s name.


Second solution is to remove the text and make it available on mouse over. This is accomplished with a simple add-on called Smart Bookmarks Bar, but what if we don’t want more install more add-ons on Firefox and keep it light?! I’ll come to this later…


Third solution is to use the Multirow Bookmarks Toolbar add-on for firefox, which splits your bookmarks toolbar into multiple rows, making all of them visible. But now we have two issues, firstly, we are adding and add-on, and secondly we’re loosing page view area, i.e. the firefox’s header becomes bigger! Like the screenshot below:


Fourth solution: Use both Multirow Bookmarks Toolbar add-on and Smart Bookmarks Bar add-on together and keep the toolbar to the minimum size possible. But big issue here, we are adding TWO add-ons!


Fifth solution is to add the Bookmark Autohider add-on which will hide the Bookmarks toolbar and show it on mouse over. Using this great add-on with our two previous ones, the results are great, but we’ve got THREE add-ons here!



Now comes MY solution to this:


Use userChrome.css to customize the Bookmarks Toolbar in Firefox

I’ve gathered techniques used in the three great add-ons mentioned above to make my own userChrome.css and have an “Auto-hide, Favicons only, Multirow Bookmarks Toolbar” for Firefox!


You can download my userChrome.css file from the Downloads Page.

Here’s a snippet of userChrome.css:



You need to place it in your Firefox’s profile folder > chrome folder.


You can customize some options in the userChrome.css file if you need, stuff is easy to understand, and well commented.


A small issue here is the mouse over auto-show is too sensitive and I had to make the Tabs strip a bit taller by increasing its height.

All suggestions and tweaks are welcome!

Category: Informatique - Computers

About Gi

I love new technologies and try to use them in my everyday life. Since many years ago, I write about these technologies, and provide solutions to the issues people might get using the new world. I tested and experienced the solutions I provide. I love helping people, and that's why my publications have been free until now.

4 thoughts on “Auto-hide, Favicons only, Multirow Bookmarks Toolbar for Firefox

  1. Essayas

    Hi there. I used your userChrome.css file for several months. Today I updated to firefox 6 and I can’t get my bookmark toolbar back to being in three rows. How can I do this?

    Reply
    1. Gi Post author

      @Essays: It seems that the userChrome.css is not compatible with Firefox 6 for the moment. As soon as I get some free time, I’ll try to update it. Thanks for pointing this out.

      Reply
  2. mustard

    How add a multirow to this code in ff10, the auto hide and hide text is ok?

    Reply
  3. mustard

    How can put a second row in bookmarks ? I tried but I lose the drop arrow to see the others bookmarks…thanks

    Reply

Leave a Reply

Your email address will not be published. Required fields are marked *

CommentLuv badge