Sélecteurs CSS : aller plus loin dans la mise en forme

Vous cherchez une alternative viable et sécurisée pour votre courrier ? Une conjuration s'est abattue sur vous et vous ne réussissez pas à trouver réponse satisfaisante à propos de Mozilla Thunderbird ? Cliquez donc par là…

Modérateur : J2m06

Gloops
Tyrannosaurus Rex
Messages : 3816
Inscription : 22 mai 2006, 11:55

Sélecteurs CSS : aller plus loin dans la mise en forme

Message par Gloops »

Bonjour tout le monde,

Pour modifier l'apparence de Thunderbird, il est possible d'utiliser des thèmes et d'obtenir ainsi rapidement une mise en forme cohérente. Si on souhaite personnaliser davantage, on passera par le fichier userChrome.css, dans le sous-répertoire chrome du dossier de profil.

C'est bien expliqué par j2m06 dans sa page perso
http://j2m-06.pagesperso-orange.fr/faq_ ... rome2.html

Comme je l'ai remarqué dans un précédent fil, savoir trouver le fichier userChrome.css c'est bien, et d'ailleurs l'extension chromEdit Plus peut faire gagner du temps pour ça, après il y a deux notions à introduire dans ce fichier :
  • A quoi s'applique la mise en forme : on appelle ça un sélecteur CSS
  • Quelle mise en forme effectuer, et pour disposer de la richesse de CSS on lira la doc des différentes balises sur w3schools.net
Pour savoir sélectionner la partie souhaitée de l'interface de l'application, j'avais noté sur le forum d'une extension qu'on peut installer DomInspector et Element inspector, et ensuite Ctrl Maj clic droit, fait apparaître l'arborescence des contrôles de l'application, en sélectionnant la partie qui correspond à l'emplacement du curseur de la souris.

Voilà qui ouvre la voie à personnaliser une bonne partie de l'application, en découvrant ensuite la notion de priorités dans les mises en forme.

Maintenant, la partie centrale de Thunderbird reste quand même les trois volets qui présentent les informations.

On trouve alors des syntaxes du style :

Code : Tout sélectionner

treechildren::-moz-tree-cell(unread,selected) {

}

   treechildren::-moz-tree-cell-text(unread, focus, selected) {
     color: red!important;
}
Des exemples sur les sites Mozilla permettent de pas mal personnaliser cela, mais aujourd'hui je rencontre une surprise : autant un choix de couleur de fond peut concerner le message sélectionné, autant la couleur de caractère concerne tout le volet.

Est-ce qu'une documentation permet de mieux appréhender cela ?
Il se peut bien qu'un sélecteur plus approprié me permette d'attribuer une couleur à une catégorie de messages (lus, pas lus, sélectionnés, ayant le focus ...), mais on dirait bien qu'arriver là par tâtonnements risque de durer un certain temps.
Répondre

Qui est en ligne ?

Utilisateurs parcourant ce forum : Google [Bot] et 7 invités