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

Date de publication
22/janv.
2008
Commentaires
9 commentaires
Tags
, ,

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 :

.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;
}
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

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

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

Commentaires

Commenter ce billet

RSS

Commentaires déjà déposés

  • 30 janvier 2008 à 21h56
    Commentaire de Ju

    bonjour,
    Désolé, je suis tout nouveau sur mac et je ne trouve pas de dossier relatif à l’application firefox sur mon mac...
    En résumé, je crée le fichier userContent.css mais je ne sais pas où le placer...
    Merci de votre aide.
    Bien cordialement,
    julien

    Répondre à ce message

    • 30 janvier 2008 à 22h40
      Commentaire de http://julienfortin.fr

      A chaque question sa réponse :
      Il faut aller dans

      user > bibliothèque >application support > firefox > profiles > xxx.default > chrome

      et j’ajoute juste une petite ligne au code pour décoller l’icône du texte

      .bookmark-item > .toolbarbutton-icon < br />
      margin : 0px !important ;
      width : 16px !important ;
      height : 16px !important ;
      display : inline !important ;

      Répondre à ce message

      • 30 janvier 2008 à 22h41
        Commentaire de http://julienfortin.fr

        petite erreur de post :
        il faut insérer un

        padding : 0px 2px 0px 0px ;

        Répondre à ce message

        • 31 janvier 2008 à 14h32
          Commentaire de Nicolas Hoizey

          Effectivement, sauf qu’il faut alors passer la largeur à 18px pour garder les proportions... je corrige !

          Répondre à ce message

          • 25 janvier 2009 à 14h14
            Commentaire de Jeg

            Bonjour.
            Ayant installé Firefox 3 pour Mac, j’avais perdu toutes mes favicons de la barre personnelle, ce qui est très pénible. En effet, une des fonctions très pratique de Firefox était justement de pouvoir n’afficher _que_ les favicons si on le souhaite dans cette barre personnelle. On fait cela très facilement en glissant le lien vers la barre personnelle, puis en faisant clic droit propriétés et en effaçant le nom. On peut en voir un exemple d’application ici :
            http://www.geckozone.org/forum/view...

            Question : pourriez-vous nous remettre dans un nouveau message le contenu exact et complet du fichier userChrome.css tel qu’il faut l’insérer (en incluant les dernières modifications ? Merci par avance)

            Répondre à ce message

            • 28 janvier 2009 à 12h10
              Commentaire de Nicolas Hoizey

              J’ai beaucoup de favoris avec uniquement la favicon, effectivement.

              Par contre, je ne comprends pas la question finale, le code présent dans cet article a déjà été corrigé selon les commentaires, il n’y a rien à ajouter.

              Mais vous pouvez avoir d’autres règles pour d’autres usages dans votre userChrome.css...

              Répondre à ce message

  • 27 mai 2009 à 19h36
    Commentaire d'un anonyme

    super ! c’est juste ce que je cherchais depuis que j’utilise Firefox sur un Mac, merci pour le code.

    juste un petit défaut : ça prend plus de place que sur mon Firefox XP, ça déborde !
    y’aurait pas moyen de corriger ça, ou ça tient à cette version Mac ?

    Répondre à ce message

  • 2 janvier 2010 à 23h28
    Commentaire d'un anonyme

    + 1 à ta solution merci beaucoup.
    Elle fonctionne toujours avec Firefox 3.5

    @++

    Répondre à ce message

RSS

Derniers billets

Derniers commentaires