Removes bookmark site icons from the bookmarks toolbar and gives them a button-like look.
See Bookmarks toolbar - icons only for the opposite, and see Bookmarks toolbar - button look for bookmarklets to make this apply only to bookmarklets.
Install options
- Install Stylish for Firefox, Thunderbird, Flock, Mozilla Suite, SeaMonkey, or Songbird. 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 it now, then Install 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
- Post a review
- Ask a question or make a suggestion
- Show your appreciation by sending Jason Barnabe (np) a donation by PayPal.
Reviews
1969 said on Dec 20 2007
great,and if you use tabbar with local system look
it has local button look also
m&m_limited said on Mar 12 2007
Incompatible with 'Firefox - Hide Menuitems', on Firefox 2.0.0.2
KuRmA said on Sep 09 2006
Very nice indeed Jason! I was looking for buttons and by chance checked out your style - the title doesn't indicate buttons.
For my taste the text needs a little more space so I added some padding in the 2nd part of the code. Also increased the margin to 2px 2px:.#bookmarks-ptf toolbarbutton {
-moz-appearance: button !important;
margin: 2px 2px !important;
padding: 0px 3px !important
}I had problems with live bookmarks not lining up which messed up the alignment of the buttons. If anyone else is having the same problem try adding this to the code:
#bookmarks-ptf toolbarbutton:not([container="true"]) image,
.bookmark-item[livemark="true"] image,
.bookmark-item[livemark="true"] menuitem hbox
{display:none!important;}Thanks ChoGGi for the tip.
makondo said on Sep 08 2006
Once updated with IceDogg's code for menu icons, really nice, thanks guys!
Paulfox, here's what i have:
@namespace url(http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul);#personal-bookmarks .toolbarbutton-icon { display: none !important; }
#bookmarks-ptf toolbarbutton {
background: url("file:///C:/blah/blah/blah.png") !important;
font-family: Comic Sans MS !important;
font-size: 11px !important;
color: #5D6469 !important;
margin: 0 1px !important;
}and it looks like this: http://img300.imageshack.us/my.php?image=toolbarsq9.png
Paulfox said on Aug 02 2006
Masterful and simple. I already hide icons and then "add" my own, so 2nd part of np's code worked like a dream to make the "buttons." Now all I need to figure out is how to change button background color! "Inserting "background: yellow" or "background-color: yellow" didn't work). Thanks np - much more intuitive :look," and I may just apply to "bookmarklets" as your other script does. Great work.
IceDogg said on Aug 02 2006
Nice touch! one suggestion though. I would use
[code]/* hide bookmark toolbar icon images */
#personal-bookmarks .toolbarbutton-icon {
display: none !important;
} [/code]Instead of
[code]#bookmarks-ptf image {
display: none !important;
}[/code]It still removed the favicons (or site icons) for the buttons but keeps them for any other bookmarks. Like I use folders mostly for my personal bookmarks that appear on the toolbar then fill those with bookmarks for faster access. Just something to think about.