FAQ de FF (Userchrome.css)  
Dernière mise à jour : 15.09.15


  1. Le fichier Userchrome.css

  • 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
    (ou de Thunderbird).


  • 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, 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.
  • 2. Laissez obligatoirement cette ligne en début de fichier
    @namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
  • Si vous faîtes référence à des images (pour les icônes par exemple) il faudra mettre ces images dans le dossier chrome.

  • 3. le sauvegarder dans le dossier Chrome de ton profil en lui donnant le nom de: Userchrome.css

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

  • Retour à la FAQ       

  • Ou mettre le fichier Userchrome.css ?

  • Une fois le fichier créé il faut le mettre dans le dossier Chrome de SON profil. *
    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.png

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


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

  • Retour à la FAQ       

  • Que peut-on faire exactement avec ?

  • Pratiquement tout ce qui touche l'interface graphique de Firefox, à condition bien sur de connaître la ligne de code à modifier ! Pour cela l'extension Dom Inspector peut s'avérer très utile.
    Si besoin voir ici (§5) pour installer une extension.

    Petit rappel:
  • 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...

  • Cacher... voir Masquer...

  • Changer...

  • Masquer...

  • Mettre...

  • Modifier...

  • Supprimer..


  • 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 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       

  • Quelles sont les options possibles ?

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

    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!)