images/bandeau_cannes4_jmb.jpg

  FAQ de TB (Userchrome.css)  
Dernière mise à jour: 23.07.14


  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 Thunderbird.


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


    •       


  • A quoi sert-il ?

    • A modifier l'interface (de Thunderbird/Lightning/Sunbird/Firefox) en personnalisant:

  • la couleur des dossiers.
  • les icones des dossiers.
  • les icones de l'interface.
  • les lignes marquées d'une étiquette
  • la couleur des arrière-plans (ou mettre une image)
  • l'affichage des menus (ex: en supprimant certains menus).
  • 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 ?

    •       


  • 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/notepad 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++
      L'extension MailTweak permet aussi de modifier ce fichier directement depuis TB, par :
    2. -► Outils | Configuration | Chrome CSS...

      Si besoin voir ici (§5) pour installer une extension.

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

    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.
  • Laissez obligatoirement cette ligne en début de fichier
    @namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
  • Pour que certaines modifications fonctionnent il faut au préalable installer l'extension MailTweak et cocher les cases adéquates dans les options de l'extension.
  • Si vous faîtes référence à des images (pour les icônes par exemple) il faudra mettre ces images dans le dossier chrome.




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

    •       


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

    •       


  • Que peut-on faire exactement avec ?

    • Pratiquement tout ce qui touche l'interface graphique de TB, à 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 avec Thunderbird 5 (et supérieur) !


    • Voici quelques exemples:
  • Afficher...
  • les flêches pour changer la "vue" des dossiers (ok TB31).

  • les onglets en dessous de la barre d'outils (comme TB10) (ok TB31)

  • Augmenter...
  • la taille de la "police" des caractères (ok TB31).


  • Changer...
  • la couleur du nom d'un dossier de son choix (ok TB17).
  • la couleur de tous les noms de dossier d'un compte de son choix (ok TB17).
  • la couleur (bleue) du nom des dossier ou il y a des messages non lu (ok TB31).
  • la couleur (rouge) du nom des dossier lors de l'arrivée d'un nouveau message (ok TB31).
  • la couleur des événements de Lightning (ok TB24 et suivant!).
  • les couleurs dans le panneau: Événements de Lightning (attente)

  • la taille de la "police" des caractères (ok TB31).

  • les icônes des dossiers (ok TB17).


  • Masquer...
  • le menu: Fichier en entier.
  • le menu: Edition en entier.
  • le menu: Affichage en entier.
  • le menu: Gérer les filtres de messages.
  • le menu: Notes de version, de: ?
  • le menu: Outils et ses sous-menus.
  • le menu: Paramètres des comptes et Créer un nouveau compte.
  • le menu: Propriétés, de: clic droit.
  • le sous-menu: Rechercher des mises à jour, de: ?
  • le panneau des entêtes des messages (ok TB24) .
  • les 3 menus: Fichier, Edition, Affichage.
  • les 3 menus: Paramètres des comptes/Créer compte et Propriétés.
  • les lignes d'info des entêtes de message (ok TB24) .

  • Mettre...
  • en couleur les messages non lu (ok TB3 et suivant!).
  • en couleur l' arrière-plan des dossiers (ok TB24).
  • en couleur l'arrière-plan des messages (ok TB24).
  • une image en arrière-plan des barres d'outils (ok TB3)
  • en couleur (bleue) les noms des dossiers non lu (ok TB3 et suivant).
  • en couleur le nom d'un dossier de son choix (ok TB17).
  • en couleur tous les noms de dossier d'un compte de son choix (ok TB17).
  • en couleur (rouge) les noms des dossiers avec un nouveau message (ok TB3 et suivant!).
  • en couleur les lignes marquées d'un étiquette (ok TB2, TB3 et suivant).
  • les onglets en dessous de la barre d'outils (comme TB10)

  • Modifier...
  • la couleur en arrière-plan des dossiers (ok TB24).
  • la couleur en arrière-plan des entêtes des messages (ok TB8). (attente)
  • la couleur en arrière-plan des messages (ok TB24).
  • la couleur des évenement suivant la catégorie ? (ok TB24).
  • les couleurs dans le panneau: Événements de Lightning (attente)
  • les couleurs de la barre de notification des Accusés Réception (ok TB17).
  • les couleurs de la barre de notification des Indésirables (ok TB24).
  • etc..etc..

  • la taille de la "police" des caractères (ok TB31).

  • Remettre...
  • les flêches pour changer la "vue" des dossiers (ok TB24).
  • les onglets en dessous de la barre d'outils (comme TB10)

  • Supprimer..
  • le panneau des entêtes de message (ok TB24) .


    • 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.
    Certains codes n'ont été testés qu'avec TB2 mais cela ne veut pas dire qu'ils ne fonctionnent
    pas avec TB3 ( et supérieur ).

    Il existe évidement les mêmes possibilités pour Firefox.
    Voir les 75 pages d'Ottomar, de FF_olivier et d'autres.
    Ainsi que le post de Nico@nc.

    Bonne lecture


  • Quelles sont les options possibles ?

    •       


  • Quelles sont les options possibles ?

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

  • liens 1.
  • liens 2.
  • liens 3.




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