Uses userChrome CSS to re-enable Bookmark Toolbar favicons.
Credit to:
Myk Melez for writing an extension that gave me the idea ( http://www.melez.com/mykzilla/2008/03/trio-of-extensions.html )
Vladimir Vukićević for writing the original userChrome that gave Myk the idea ( http://blog.vlad1.com/2008/02/04/getting-bookmark-icons-back-on-your-toolbar/ )
Abdulkadir Topal for commenting on the userChrome with a padding suggestion
Edoardo for commenting on the userChrome with the suggestion to remove folder icons
Before
|
After
|
Install options
- 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're using the latest version and 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.
- - load into the Stylish extension where you can preview and save it.
- - this style has been updated since you installed it in Stylish.
Feedback
Reviews
MikeRuhlin said on Feb 20 2009
Looks great. Any way to add a folder icon as well?
cloudkiller said on Jan 28 2009
One tip for people who want to save some space between the bookmark items, add this line to the style...
.bookmark-item {
margin-right: -3px !important;
margin-left: -3px !important;
}mess around with the pixel amount until it suits your style needs.
Martin Kelley said on Dec 21 2008
Scotepi's addition is good but there's a typo and 20px looks a bit better on my install.
.bookmark-item > .toolbarbutton-icon {
max-width: 20px;
max-height: 20px;
}This also works great for Linux/Ubuntu Firefox browsers
Bevan said on Aug 31 2008
Daniel Einspanjer, please see my comments on http://userstyles.org/forum/comments.php?DiscussionID=1712
Riz said on Jul 22 2008
This is a great style modification!
However, I noticed it causes constant firing of the "resize" event in Javascript, which is troublesome for a lot of pages, including my own. It fires resize constantly when all the bookmark-items with toolbar icons are in the overflow, and only folders (with no favicon) remain visible in the bookmarks toolbar. You can email me at rsattar {at} gmail {dawt} com, i can provide you with a sample html that exhibits this problem. Please fix this bug!
Scotepi said on Jul 12 2008
this relly needs to be added to this style
.bookmark-item > .toolbarbutton-icon {
max-widht: 15px;
max-height: 15px;
}
Pym said on Jun 26 2008
You should add this to your style :
.bookmark-item:hover:active > .toolbarbutton-icon {
background: url("chrome://browser/skin/bookmark-open-mid.png") repeat-x;
}
Discussions
- Favicon size - last comment 8 months ago
- Favicon changes (using Mac bookmark toolbar favicons) - last comment 10 months ago
- Suggestion - last comment about 1 year ago