FAQ de FF (Userchrome.css)  
13.03.18-Dernière mise à jour : 01.10.22


  1. Le fichier Userchrome.css
    2.

  • C'est quoi ?

    • C'est un fichier texte dans lequel on inscrit ses préférences de styles.
    (Dreamweaver et autres concepteurs de sites web utilisent aussi un fichier .css).
    L'extension .css signifie : Cascading Style Sheet.
    Ce fichier définit et impose les règles d'affichage pour les différents éléments de l' interface utilisateur de Firefox/SeaMonkey (ou de Thunderbird).


    A savoir :
    1. Ne pas oublier d'activer l'accès à ce fichier dans about:config (via l'éditeur de configuration)
          Mettre toolkit.legacyUserProfileCustomizations.stylesheets à True
    2. Certains codes peuvent ne pas fonctionner suivant la version de Firefox utilisée !
    3. Et il est conseillé de désactiver (provisoirement) les autres extensions, ainsi que d'utiliser le thème par défaut.


  • Ca sert à quoi ?
  • Comment le créer ?
  • Ou le mettre ?
  • Que peut-on faire exactement avec ?
  • Quelles sont les options possibles ?


    • Retour à la FAQ       

  • A quoi sert-il ?

    • A modifier l'interface de Firefox (SeaMonkey,Thunderbird) par exemple :

  • Changer la position des barres de menu
  • Changer la position des onglets
  • Masquer certains menus (Options, Effacer les téléchargements....) .
  • etc...ect...

    • A savoir: Si vous faîtes référence à des images (pour les icônes par exemple) il faudra mettre ces images
        dans le dossier chrome.



  • Comment le créer ?
  • Ou le mettre ?
  • Que peut-on faire exactement avec ?
  • Quelles sont les options possibles ?

    • Retour à la FAQ       

  • Comment le créer ?

    • Rien de plus simple pour créer ce fichier Userchrome.css.
  • 1. Créez un fichier texte à l'aide d'un éditeur de texte (Bloc note ou notepad++.exe)
    Perso j'utilise Notepad++.exe que je conseille (très simple, gratuit, garde en mémoire les derniers fichiers ouverts,
    met en couleur les lignes de codes et est accessible directement par le clic droit souris).
    Voir ici pour le téléchargement et le mode d'emploi de Notepad++

  • 2. Ecrivez les lignes de code dans ce fichier. Des exemples ici.
    • A savoir:
  • Les lignes qui sont entre /* et */ ne sont pas prises en compte.
    Ce sont des commentaires et ne pas hésiter à en mettre.
    • La ligne @namespace url n'est plus nécessaire avec les nouvelles versions de Firefox.
    Laissez obligatoirement cette ligne en début de fichier
    @namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
  • 3. Si vous faîtes référence à des images (pour les icônes par exemple) il faudra mettre ces images dans le dossier Chrome.
  • 4. le sauvegarder dans le dossier Chrome de ton profil en lui donnant le nom de: Userchrome.css
  • 5. Pour annuler ces modifications il suffira de mettre les lignes entrent ces deux balises   '/* et */)

  • Ou le mettre ?
  • Que peut-on faire exactement avec ?
  • Quelles sont les options possibles ?

    • Retour à la FAQ       
    Dernière mise à jour : 13.08.18
  • Ou mettre le fichier Userchrome.css ?

    • Une fois le fichier créé il faut le mettre dans le dossier Chrome du profil concerné. *
    Si le dossier Chrome n'existe il faudra le créer depuis l'explorateur Windows (voir plus haut).

    A savoir: Si vous faîtes référence à des images (pour les icônes par exemple) il faudra mettre ces images
        dans le dossier chrome.

    Capture 1
    Captures/Windows/expl_doss_chrome_ff.png

    Capture 2- SeaMonkey
    Captures/SeaM/doss_profil_FF_SM.png

    * Je dis bien dans le "profil" et non dans le dossier Profiles


  • Que peut-on faire exactement avec ?
  • Quelles sont les options possibles ?

    • Retour à la FAQ       
    Dernières mise à jour : 13.03.18

  • Que peut-on faire exactement avec ?

    • Pratiquement tout ce qui touche l'interface graphique de Firefox (SeaMonkey ou Thunderbird), à condition bien sur de connaître la ligne de code à modifier ! Pour cela la boîte à outils du navigateur (FF 57) (ou l'extension Dom Inspector pour les versions précédentes de FF) peut s'avérer très utile.
    Petit rappel:
  • La ligne @namespace url n'est plus nécessaire avec les nouvelles versions de Firefox.
    Laissez obligatoirement cette ligne en début de fichier
    @namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
  • Certains codes peuvent ne pas ne fonctionner suivant la version de Firefox !


    • Voici quelques exemples:
  • Afficher...
  • directement dans Firefox les changements effectués dans le fichier UserChrome.css
  • les onglets en dessous de la barre d'adresses (ok FF61) et la barre perso au dessus

  • Arrondir..
  • les onglets de Firefox (ok FF105)

  • Cacher... voir Masquer...

  • Changer...
  • la couleur de l'arrière-plan de l'onglet actif (ok FF105)
  • la couleur de l'arrière-plan des onglets inactifs (ok FF105)
  • la couleur de la barre de recherche (ok FF105)
  • les couleurs du bouton: Ouvrir un nouvel onglet (ok FF61)
  • la couleur de la barre personnelle (ok FF84).
  • la couleur de la croix de fermeture des onglets (ok FF61).
  • la couleur et l'arrière-plan des croix de fermeture des onglets (ok FF61).
  • la couleur des dossiers (Marque-pages et Historique)-ok FF84).
  • la couleur des îcones-ok FF84).
  • la couleur du texte de: Effacer les téléchargements (ok FF40).

  • la couleur du libellé de tous les onglets (ok FF61).

  • la police (taille/couleur...) de tous les onglets (ok FF66).
  • la police (taille/couleur...) de l'onglet actif (ok FF66).
  • la taille la taille de la barre d'adresse (ok FF66).
  • la taille du menu: Fichier|Édition|Affichage... (ok FF66) .
  • la taille des sous-menus (ok FF66).
  • le bouton/croix de fermeture des onglets inactifs (ok FF61).

  • Déplacer...
  • la barre haute (trait) en bas de l'onglet actif (ok FF61).

  • Masquer...
  • la CROIX de fermeture (ok FF61).
  • le bouton/croix de fermeture des onglets inactifs (ok FF61).
  • les menus: Marqués récemment de Bibliothèque (ok FF57).
  • le menu: Marqués récemment de Marque-pages (ok FF57).
  • le menu: Barre personnelle (ok FF57).
  • le menu: Supprimer l'historique récent (ok FF40).
  • le menu: Effacer les téléchargements (ok FF40).

  • Mettre...
  • des arrondis aux onglets de FF (ok FF84)
  • la barre haute (trait) en bas de l'onglet actif (ok FF61).
  • les onglets en dessous de la barre d'adresses (ok FF61) et la barre perso au dessus
  • une autre couleur à la barre personnelle (ok FF66).

  • Modifier...
  • la couleur de l'arrière-plan de l'onglet actif (ok FF66)
  • la couleur de l'arrière-plan des onglets inactifs (ok FF61)
  • les couleurs du bouton: Ouvrir un nouvel onglet (ok FF58)
  • la couleur de la barre de recherche (ok FF61)
  • la couleur de la barre personnelle (ok FF66).
  • la couleur de la croix de fermeture des onglets (ok FF61).
  • la couleur et l'arrière-plan des croix de fermeture des onglets (ok FF61).
  • la couleur des dossiers (Marque-pages et Historique)-ok FF66).
  • la couleur du texte de: Effacer les téléchargements (ok F40).

  • la couleur du libellé de tous les onglets (ok FF66).
  • la police (taille/couleur...) de tous les onglets (ok FF66).
  • la police (taille/couleur...) de l'onglet actif (ok FF66).
  • la taille la taille de la barre d'adresse (ok FF66).
  • la taille+couleur du menu:Fichier|Édition|Affichage... (ok FF66) .
  • la taille+couleur des menus et sous-menus (ok FF66).

  • Remettre..
  • les arrondis aux onglets de FF84

  • Supprimer..
  • la barre haute (trait) de l'onglet actif (ok FF61).
  • le bouton/croix de fermeture des onglets inactifs (ok FF61).
  • le menu: Barre personnelle et/ou Marqués récemment (ok FF40).
  • le menu: Supprimer l'historique récent (ok FF40).
  • le menu: Effacer les téléchargements (ok FF40).

  • Tester..
  • facilement les codes du fichier UserChrome.css sans redémarrer Firefox

  • Visualiser..
  • en direct les codes changement effectués dans le fichier UserChrome.css


    • Pour le code hexadécimal des couleurs voir » ici « , ou » ici « , ou encore » ici « .

    Le masquage des menus peut-être très utile dans une entrepise pour éviter toutes les fausses manips.

  • Voir aussi le blog de easy-pc.org (français)
  • Ou le forum de Zébulon.fr (français)
  • Ou le forum de PcAstuces.com (français)
  • Ou encore les 75 pages d'Ottomar, de FF_olivier et le post de Nico@nc - (toutes assez anciennes).

    • Bonne lecture

  • Quelles sont les options possibles ?
    • Retour à la FAQ       
    Dernières mise à jour : 27.02.18

  • Quelles sont les options possibles ?

    • Voici de nombreux exemples oû j'ai puisé quelques infos.

  • Zébulon.fr (français)
  • Easy-pc.org (français)
  • PcAstuces.com (français)
  • Mozilla.org (anglais)
  • Kb.mozillazine.org (anglais)

    • Voir les 75 pages d'Ottomar, de FF_olivier et le post de Nico@nc - (toutes assez anciennes).

    Bonne lecture


    Retour à la FAQ       
    Malgré toutes ces informations, je n'ai pas trouvé de réponse ou puis-je poser ma question ?
    R-►sur le forum de Geckozone
    Des bénévoles vous aideront (et un petit bonjour en début de message sera le bienvenu ), mais avant faites une recherche sur le forum au cas ou votre question aurait déjà été posée(et peut-être solutionnée!)