Favicons für den Bookmark-Toolbar des Firefox unter Mac OS X
In der Mac OS X Version von Firefox fehlen die Favicons im Bookmark-Toolbar. Das sollte wohl mehr “Mac-like” aussehen. Die Favicons sind aber sehr praktisch und ich wollte die gerne wiederhaben. Zum Glück kann man die Oberfläche von Firefox über CSS anpassen. Dazu gibt es sogar ein Add-On namens “stylish” und passende “styles” dazu. Sogar für das beschriebene Problem gibt es einen: Mac bookmark toolbar favicons. Ich hatte den längere Zeit im Einsatz, störte mich aber zunehmend an einem Flackern beim Scrollen, das ich auf stylish zurückführen konnte. Außerdem zeichnet mein Firefox zunehmend für hohe CPU-Belastung verantwortlich, weshalb ich alle überflüssigen Add-Ons entferne. Es geht nämlich auch anders:
Einfach selber ein paar Zeilen CSS-Code in die Datei userChrome.css einbauen (die ggf. noch angelegt werden muss). Ich habe mir das so angepasst (ausgehend von dieser Quelle):
/* Favicons im Bookmark-Toolbar anzeigen, 16x16 Pixel */
.bookmark-item > .toolbarbutton-icon {
width: 16px !important;
height: 16px !important;
display: inline !important;
}
/* Abstand des Icons zum nebenstehenden Text vergrößern */
.bookmark-item * .toolbarbutton-text-shadow ,
.bookmark-item * .toolbarbutton-text {
margin: 0 0 0 4px !important;
}
Das klappt einwandfrei und beeinträchtigt auch nicht die Performance. Die userChrome.css liegt im bzw. gehört ins Verzeichnis “chrome” des Firefox Profils, unterhalb von ~/Library/Application Support/Firefox/Profiles. Einfach das dort liegende Beispiel umbenennen und anpassen.
Tags: Firefox CSS chrome Toolbar Favicon
This entry was posted on Sonntag, Oktober 5th, 2008 at 2:03 pm and is filed under Software, Tipps. You can follow any responses to this entry through the RSS 2.0 feed. You can leave a response, or trackback from your own site.

November 28th, 2008 at 3:04 pm
[...] da die komplette Firefox-Oberfläche mit CSS gehübscht wird. Wie das geht erklärt das Äpfelchen-Blog. Wem das zuviel Arbeit ist, für den ist vielleicht dieses Userstyle eine Lösung, die im [...]
Oktober 13th, 2010 at 2:10 pm
geht bei mir leider nicht …
November 16th, 2010 at 7:47 pm
Die Symbole sind bei mir verzerrt. Wenn ich bei height 18px statt 16px eintrage, sehen sie perfekt aus.
November 18th, 2010 at 2:23 am
Danke
, das hat mich zwar 2 Jahre nicht gestört, aber es stimmt, es sieht mit height:16px etwas gestaucht aus. Mit height:18px sieht es exakter, wenn nicht sogar exakt aus!