Image de fond dans la zone des listes de mails

[Arkana]

Bonjour,

Je souhaite personnaliser un peu Thunderbird dans son apparence.
En fait, cela consisterai à modifier le thème de base pour y insérer une image qui n'y est pas...
Seulement ça ne se fait à priori pas très facilement, j'ai tenté un glisser-déposer et j'ai essayé de voir s'il n'y avait pas un menu pour modifier ça, sans succès.

C'est pour cela que je viens solliciter votre aide : existe-t-il une solution simple pour insérer cette image où je le désire : la zone où s'affiche toute la liste des mails ? Ou bien vais-je devoir m'intéresser à la création de thème, chose à priori un peu fastidieuse pour la simple amélioration que je souhaite apporter au thème original ?

Merci d'avance pour les réponses que vous pourrez m'apporter.

[J2m06]

Bonjour,

En fait, cela consisterai à modifier le thème de base pour y insérer une image qui n'y est pas...

si tu veux modifier l'apparence de TB il faut utiliser un fichier userchrome.css
Des infos sur ce fichier Voir le § qui lui est consacré dans le lien ci dessous

• Tout sur le profil : chemin,entretien,création,contenu,gestionnaire,compactage,déplacement,partage,sauvegarde/archivage,User.js etc..,
  et comment rendre ’VISIBLE‘ les dossiers cachés.

[Arkana]

Merci beaucoup pour la réponse rapide je vais m'atteler à ça !

[J2m06]

Merci beaucoup pour la réponse rapide je vais m'atteler à ça !

Bon courage

Allez je t'aide un peu

Code : Tout sélectionner

/* Mettre une image en fond dans le panneau des comptes à  gauche */ 
#folderTree > .tree-rows > .tree-bodybox { 
-moz-appearance: none !important; 
background-image: url("ar_plan_tennis1.jpg")!important; 
background-color: none !important;
/* mettre l'image  ar_plan_tennis.jpg  dans le dossier Chrome */

[edit] Pour les codes de couleurs en hexadécimal voir >>ici<<

pour le volet des messages , cela fonctionne en partie seulement les messages couvrant l'image de fond
Je ne suis pas arrivé à faire mieux .
[edit]
Pour avoir la transparence dans le volet des messages il faut utiliser le thème par défaut (ou autres - pas Noia Xtrème en tous cas )

Voici un exemple de ce qu'on peux faire avec le fichier userchrome.css

[J2m06]

bonjour

Voici le code pour ce résultat
ps: d'après les infos trouvées sur CE forum

Code : Tout sélectionner

/*IMPORTANT  mettre les images dans le dossier Chrome */
/* Mettre une image en fond dans le panneau des comptes à  gauche */ 
#folderTree > .tree-rows > .tree-bodybox { 
-moz-appearance: none !important; 
background-image: url("ar_plan_dossiers.jpg")!important; 
background-color: none !important;
} 
/* Mettre une image de fond  dans le panneau des messages */ 
#threadTree > .tree-rows > .tree-bodybox { 
-moz-appearance: none !important; 
background-image: url("ar_plan_messages.jpg")!important; 
background-color: none !important; } 

 /* Mettre  une image de fond dans les barres d'outils:   */ 

 menubar, toolbox, toolbar, .tabbrowser-tabs {
   background-image: url("ar_plan_outils.jpg") !important;
   background-color: none !important;   }

[Arkana]

Edit :

Merci beaucoup pour ton aide ! Je rajoute juste qu'il faut mettre l'image dans le même répertoire que le fichier userChrome.css.

J'ai réussi à insérer mon image et je ne souffre pas du problème de transparence !


Je souhaiterais désormais ouvrir le sujet sur une amélioration : que la taille de l'image s'adapte aux changements de taille de la zone qui la concerne (si c'est possible naturellement).

[J2m06]

bonjour

J'ai réussi à insérer mon image et je ne souffre pas du problème de transparence !.

J'ai récemment ajouté une image de fond dans cette zone, et elle apparait bien en-dessus des cases !
Cela vient peut-être du thème utilisé ?

Effectivement avec le thème par défaut la transparence y est

Je rajoute juste qu'il faut mettre l'image dans le même répertoire que le fichier userChrome.css.

/* mettre l'image ar_plan_tennis.jpg dans le dossier Chrome */

ce que j'avais bien précisé

[bob92]

Bonjour,
Comme ce sujet m'interesse, je relance
Trouvant que le fond blanc de la liste des messages (en haut), est trop "agressif" pour ma vue, je souhaiterai par exemple y placer une couleur.
Voir également dans la partie blanche (en dessous), celle où s'affichera le message
Ma question: Comment et où trouver le bon code relatif à la couleur que je placerai.
Si vous pouviez me faire un code exemple
Merci beaucoup

[J2m06]

Bonjour,

Ma question: Comment et où trouver le bon code relatif à la couleur que je placerai.
Si vous pouviez me faire un code exemple
Merci beaucoup

ben dans le post plus haut j'ai mis le code
et >> ici <<
ou encore >>ici <<

Que veux tu savoir exactement

[bob92]

Bonjour j2m06,

Dans ton exemple si je comprends bien ton image de fond est une image.jpg que j'imagine tu avais par exemple dans tes documents.

Imaginons que je veuille mettre un certain bleu (y a plusieurs bleu!)
Quel serai le code de ce bleu et où je vais le trouver ce bleu
M'exprime-je clairement

[J2m06]

Imaginons que je veuille mettre un certain bleu (y a plusieurs bleu!)
Quel serai le code de ce bleu et où je vais le trouver ce bleu

Je pensais soit au code des couleurs soit au code pour le fichier .css (perdu )

Pour les codes de couleurs en hexadécimal voir <<ici >>

[bob92]

Super cette palette de couleur, donc ca pourrai etre cela par exemple


/* Mettre une image de fond dans le panneau des messages */
#threadTree > .tree-rows > .tree-bodybox {
-moz-appearance: none !important;
background-color: #99FFFF; }

[J2m06]

Super cette palette de couleur, donc ca pourrai etre cela par exemple
/* Mettre une image de fond dans le panneau des messages */
#threadTree > .tree-rows > .tree-bodybox {
-moz-appearance: none !important;
background-color: #99FFFF; }

Fais des essais et tu verras bien
[edit] cela fonctionne très bien,je viens d'essayer

Perso j'avais essayé en créant une image de la couleur souhaitée (ar_plan_rose.jpg) que j'avais mise en arrière plan

• Code : Tout sélectionner

  /* Mettre une image de fond  dans le panneau des messages */
  #threadTree > .tree-rows > .tree-bodybox {
  -moz-appearance: none !important;
  background-image: url("ar_plan_rose.jpg")!important;
  background-color: none !important; } 

[bob92]

Merci, vais faire des essais

Juste une chose, pour l'image de fond de la liste des messages, si j'ai bien compris c'est:
#threadTree > .tree-rows > .tree-bodybox

Quel est la l'équivalent pour le fond du bas, celui du Bienvenue sur Thunderbird...

Merci pour ta patience, sur un forum, quand on est novice, on a l'impression d'en demander trop parfois.

bob

[bob92]

Et une fois fait avec le bloc note par exemple et renommer (j'ai qd même lu tes tutos ) Je dois bien le mettre dans le dossier chrome, n'importe où dans ce dossier chrome, c'est bien ca

Merci x 10000