Page 1 sur 3

Image de fond dans la zone des listes de mails

Publié : 19 août 2009, 18:20
par 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.

Re: Image de fond dans la zone des listes de mails

Publié : 19 août 2009, 19:08
par J2m06
Bonjour,
Arkana a écrit :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 :wink:
  • Tout sur le profil : chemin,entretien,création,contenu,gestionnaire,compactage,déplacement,partage,sauvegarde/archivage,User.js etc..,
    :arrow: et comment rendre ’VISIBLE‘ les dossiers cachés.

Re: Image de fond dans la zone des listes de mails

Publié : 19 août 2009, 19:17
par Arkana
Merci beaucoup pour la réponse rapide :) je vais m'atteler à ça !

Re: Image de fond dans la zone des listes de mails

Publié : 19 août 2009, 19:25
par J2m06
Arkana a écrit :Merci beaucoup pour la réponse rapide :) je vais m'atteler à ça !
Bon courage :D :wink:

Allez je t'aide un peu :D

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 :wink:

Re: Image de fond dans la zone des listes de mails

Publié : 20 août 2009, 09:42
par J2m06
bonjour

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

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;   }

Re: Image de fond dans la zone des listes de mails

Publié : 20 août 2009, 10:16
par 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 !
Image

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

Re: Image de fond dans la zone des listes de mails

Publié : 21 août 2009, 09:27
par J2m06
bonjour
Arkana a écrit :J'ai réussi à insérer mon image et je ne souffre pas du problème de transparence !.
Arkana a écrit :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 :D
Arkana a écrit :Je rajoute juste qu'il faut mettre l'image dans le même répertoire que le fichier userChrome.css.
J2m06 a écrit :/* mettre l'image ar_plan_tennis.jpg dans le dossier Chrome */
ce que j'avais bien précisé :lol: :lol:

Re: Image de fond dans la zone des listes de mails

Publié : 09 sept. 2009, 10:59
par 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

Re: Image de fond dans la zone des listes de mails

Publié : 09 sept. 2009, 11:08
par J2m06
Bonjour,
bob92 a écrit :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 :lol:
et >> ici <<
ou encore >>ici <<

Que veux tu savoir exactement :?:

Re: Image de fond dans la zone des listes de mails

Publié : 09 sept. 2009, 11:19
par 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 :wink:

Re: Image de fond dans la zone des listes de mails

Publié : 09 sept. 2009, 11:39
par J2m06
bob92 a écrit :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 :lol: (perdu :( )

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

Re: Image de fond dans la zone des listes de mails

Publié : 09 sept. 2009, 11:44
par 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; }

Re: Image de fond dans la zone des listes de mails

Publié : 09 sept. 2009, 11:49
par J2m06
bob92 a écrit :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 :lol:
[edit] cela fonctionne très bien,je viens d'essayer :wink:

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; } 

Re: Image de fond dans la zone des listes de mails

Publié : 09 sept. 2009, 12:04
par 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

Re: Image de fond dans la zone des listes de mails

Publié : 09 sept. 2009, 12:20
par bob92
Et une fois fait avec le bloc note par exemple et renommer (j'ai qd même lu tes tutos :roll: ) Je dois bien le mettre dans le dossier chrome, n'importe où dans ce dossier chrome, c'est bien ca :?:

Merci x 10000