Give Me Some Favicons

05 January 2009

I don’t know why there are no Favicons on Firefox for Mac but I finally found a way to get them back. For me this is much faster than titles. It could look like this:

favicons

This is how you get them:

  1. Download the stylish add-on for Firefox here.
  2. Restart Firefox
  3. Click on the stylish icon on the lower right corner of firefox.
  4. Click ‘blank style’ in ‘write style’.
  5. Type a description and paste the code below in the bigbox.
@namespace url(http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul);
.bookmark-item:hover:active > .toolbarbutton-icon {
    background: url("chrome://browser/skin/bookmark-open-mid.png") repeat-x;
}
.bookmark-item > .toolbarbutton-icon {
    display: -moz-box ! important;
    background-position: 0px 1px !important;
    padding-right: 3px ! important;
}
.bookmark-item > .toolbarbutton-icon {
    max-width: 20px;
    max-height: 20px;
}
 
/* Disable this rule to see folder icons for containers */
.bookmark-item[container] > .toolbarbutton-icon {
    display: none ! important
}
 
.bookmark-item:hover > .toolbarbutton-icon {
    background: url("chrome://global/skin/toolbar/toolbarbutton-customhover-mid.png") repeat-x;
}
 
.bookmark-item[container]:hover:active > .toolbarbutton-icon,
.bookmark-item[container][open="true"] > .toolbarbutton-icon {
    background: url("chrome://browser/skin/bookmark-open-mid.png") repeat-x !important;
}