How to install
- Install Stylish plus Kallout for Firefox (or from here for just Stylish or for other Mozilla apps). If you have Stylish already, make sure you have JavaScript enabled.
- You need Firefox with Stylish to use this style. Get Firefox, then install Stylish plus Kallout (or just Stylish), then come back here to install this style.
This style automatically hides the menu toolbar until you mouse over where it should be, i.e. above the navigation toolbar. When you mouse over, it reappears and rolls the other toolbars down below it. It disappears again when you move the mouse away.
This is great for saving vertical screen space and avoiding extensions which merely compact the menu toolbar into a single menu button.
Inspired by the Hide Menubar extension (https://addons.mozilla.org/en-US/firefox/addon/4762) which hides the menu until you press the Alt key, and NettiCat who submitted code for a mouse-based version rather than keyboard.
Compatible with Firefox 2 and 3.
**********
Tip: Add toolbar buttons to the menubar that you don't wish to clog up your regular toolbar. This way they are still there when you need them but out of the way when you don't. You may need to temporarily disable the style in order to drag buttons to the menubar.
**********
UPDATE:
Now hides the ugly 1 pixel solid line that was visible above the navigation bar when the menu toolbar was hidden. Unfortunately, this fix doesn't work for Firefox 3 though, however the style is still fully functional.
Before
|
After
|
Feedback
Reviews
frog said on Mar 01 2009
Hey, i came up with this concept too! Interesting code but mine is fully compatible with all versions and you can 'move' the 1px line lower without affecteng the navbar. Try ░▒▓▌Autohide menubar [hover top of nav-bar]▐▓▒░ you'll like it
Ultragod said on Feb 05 2009
I am not a programmer, but guessed this modification of 'Auto-Hide Bookmarks Toolbar' would work better, and it does. It is much less 'flakey' - pops open the Menu Bar RELIABLY & ALWAYS, instead of 'hit & miss' 1-pixel grab game. It also takes fewer bytes of memory (nice n' tiny). Efficiency is a good thing =)
It saddens me that a 'blockhead' like me can come up with something superior 2 a 'programmer geek' just by GUESSING! I guess it helps 2 have common sense. WTF R all those extra spaces n' return strokes n' stuff doing in the code? MINIMIZE IT DOOD!! Remove whatever U can, until it is tiny as possible - such as thus...
#toolbar-menubar{display:none;}
#navigator-toolbox:hover >
#toolbar-menubar{display:-moz-box;}
Sabeur said on Dec 22 2008
nice
Dove Boy said on Sep 16 2008
Now, it works on FF3, that's good.
Freestyler said on Apr 21 2008
Yeah, the large height makes it more controllable in my opinion and it does not bother me too bad to have little thicker line showing. Nice update you did on your style, im using FF 3 beta tho, so it won't work for me, at least for now.
Dman said on Apr 16 2008
Doesn't work in Firefox 3.
I believe the offending code is the '//Autohide menubar' line. Unless you know something I don't, that can't/won't affect it. // is not the proper comment for CSS. Try /*comment here*/ instead.
dman