N’Afficher que les favicon dans la barre personnelle de Firefox sous Mac OS

Un des défauts de Firefox 3.X.X sur Mac OS (uniquement), c’est qu’il ne gère pas en natif, les favicons dans la barre personnelle (les favoris)

Tout d’abord qu’est ce qu’un favicon ?:

dans ce cas là, c’est l’icône W

Un favicon est une icône mise à disposition des programmes visiteurs par un site web pour enjoliver les endroits où le nom du site est mentionné. Les navigateurs web utilisent les favicons dans la barre d’adresse, la barre de titre, les favoris, les onglets et les autres raccourcis.(Wikipedia)

Sur cette capture, en plus d’ajouter les favicon de mes sites favoris, j’ai aussi supprimé le texte associé.

Exemple: le 3ème raccourci est Jeuxvideo.com lien direct juste avec le favicon.

Voici donc la technique pour afficher cela:

• Il faut éditer un fichier userChrome.css qui se trouve dans

user> Bibliothèque> Application Support >Firefox

>profiles > xxx.default > chrome>

Vous trouverez le fichier userChrome-example.css

• Ouvrez le en faisant click droit > ouvrir avec et choisissez TextEdit par exemple

A la fin du texte qui apparait, rajouter ce code:

.bookmark-item > .toolbarbutton-icon {
  margin: 0px !important;
  padding : 0px 2px 0px 0px !important;
  width: 18px !important;
  height: 16px !important;
  display: inline !important;
}
.bookmark-item:hover > .toolbarbutton-icon {
  background: url("chrome://browser/skin/bookmark-hover-mid.png") repeat-x !important;
}
.bookmark-item:hover:active > .toolbarbutton-icon {
  background: url("chrome://browser/skin/bookmark-open-mid.png") repeat-x !important;
}

• Ensuite enregistrer le sous le nom « userChrome-example.css » dans le même dossier.
• Fermer Firefox et relancer le, oh miracle, les favicons apparaissent

Bonus:

Si vous voulez enlever le texte et garder que l’icône (Cf. ma capture en début de cet article), il faut tout simplement faire click droit sur son favoris > Propriétés et laisser la case « Nom » vide puis « enregistrer »