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 [...]