Attention, ceci est l'archivage statique d'un ancien site qui a maintenant disparu. En savoir plus.

Bienvenue sur , le recueil de réflexions et créations en tous genres de Nicolas Hoizey, passionné de Web depuis 1996, co-créateur et Directeur de l’Innovation de Clever Age, photographe amateur, créateur du jeu HTML5 / SVG « esviji », etc.

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

Publié le

par Nicolas Hoizey,

tagué astuce, CSS, Firefox et Mac

et commenté 16 fois

Dans sa version Mac OS, Mozilla Firefox est configuré pour ne pas afficher l’icône personnalisée d’un site à côté d’un favori placé dans la barre personnelle.

Ce choix est incompréhensible, l’apport ergonomique de ces favicon1 étant considérable pour identifier visuellement rapidement un favori.

Des favicon dans la barre personnelle de Firefox, même sous Mac

Heureusement, une solution technique mais relativement simple existe. La technologie XUL employée par Mozilla fait qu’il suffit d’éditer une feuille de styles CSS personnalisée pour changer la présentation de l’interface. Car l’icône est en fait bien présente, elle est juste masquée.

Voici donc le bout de code à ajouter à votre feuille de style personnalisée userChrome.css2 qui se trouve dans ~/Library/Application Support/Firefox/Profiles/xxxxxxxx.default/chrome/ :

  1. .bookmark-item > .toolbarbutton-icon {
  2. margin: 0px !important;
  3. padding : 0px 2px 0px 0px !important;
  4. width: 18px !important;
  5. height: 16px !important;
  6. display: inline !important;
  7. }
  8.  
  9. .bookmark-item:hover > .toolbarbutton-icon {
  10. background: url("chrome://browser/skin/bookmark-hover-mid.png") repeat-x !important;
  11. }
  12.  
  13. .bookmark-item:hover:active > .toolbarbutton-icon {
  14. background: url("chrome://browser/skin/bookmark-open-mid.png") repeat-x !important;
  15. }

Télécharger

J’ai testé avec succès cette technique tant sur Firefox 2 que sur la toute dernière Firefox 3 beta 2.

Notes

1Leur nom technique, le fichier s’appelant par défaut favicon.ico

2A créer s’il n’existe pas déjà

Vos commentaires