Changer Image Dossier par défaut Marque pages firefox

[filou81158]

Oui tu as bien compris la procédure et oui l'icône s'affiche normalement malgré la différence de taille, mais je ne la trouve pas très belle.
Aucune idée pour la gestion de cette image par about:config, quelqu'un de plus compétent aura probablement une réponse.
A noter que c'est toujours mieux de tester sur un profil de test.

[epsilon9f]

Re filou81158,

Ok,
dernière info.
Je mets une nouvelle image par défaut, ok.
Tous les dossiers des marques pages de Firefox prennent donc cette image par défaut, ok.
Ensuite, si je veux changer l'image d'un dossier en particulier,
=> exemple mettre une plume (plume.png) pour Un Marque Page "Mes journaux" sans toucher aux autres

Est ce que la procédure de changement d'image via la ligne dans UserChrome.css fonctionne de la même façon ou le css prend le pas dessus ?
.bookmark-item[container="true"][label="Mes journaux"] { list-style-image: url('plume.png') !important; }

/* (label = Nom du Marque Page) , (url('plme.png') : Nom de l'icône/image associée au Marque Page) */
/* ps : important le fichier image doit être dans le dossier chrome du profil */

Merci de ton aide.

[filou81158]

Je ne pourrais pas te dire pour une image par dossier, je m'en suis tenu à une seule même image par dossier.
Je ferais une recherche demain pour voir (y a France Colombie qui arrive).
Bonne soirée.

[filou81158]

Bonjour,

Bon j'ai avancé un peu, j'espère que ça correspond avec ce que tu désires.
Je n'ai pas réussi avec le code .bookmark-item[container="true"][label="Mes journaux"] { list-style-image: url('plume.png') !important; } que tu donnes sur ton dernier post.

Par contre en créant un dossier favicon dans le chrome, et en mettant les icônes 16x16 dedans ça fonctionne avec le code:

/* changement image dossier des marques pages */
.bookmark-item[container="true"][label="test"]
{ list-style-image: url("file:/home/gilbert/.mozilla/firefox/mamv7p2k.essai/chrome/favicon/test.png") !important;
-moz-image-region: rect(0px 16px 16px 0px) !important; }
.bookmark-item[container="true"][label="essai"]
{ list-style-image: url("file:/home/gilbert/.mozilla/firefox/mamv7p2k.essai/chrome/favicon/essai.png") !important;
-moz-image-region: rect(0px 16px 16px 0px) !important; }

J'ai essayé avec un dossier test et son image 16x16 test.png, et un dossier essai avec son image 16x16 essai.png et ça marche.
Il faut juste que tu mettes le bon chemin vers l'image, comme je suis sur linux, sur windows ça ne sera pas pareil.

Et bien sûr pour chaque dossier tu dois rajouter ce code en adaptant:
.bookmark-item[container="true"][label="test"]
{ list-style-image: url("file:/home/gilbert/.mozilla/firefox/mamv7p2k.essai/chrome/favicon/test.png") !important;
-moz-image-region: rect(0px 16px 16px 0px) !important; }

Du coup j'ai fait ces tests en laissant tomber la première méthode des premiers posts.

Bonne journée à tous.

[Freddy]

Bonjour,

Ensuite, si je veux changer l'image d'un dossier en particulier,
=> exemple mettre une plume (plume.png) pour Un Marque Page "Mes journaux" sans toucher aux autres

Est ce que la procédure de changement d'image via la ligne dans UserChrome.css fonctionne de la même façon ou le css prend le pas dessus ?
.bookmark-item[container="true"][label="Mes journaux"] { list-style-image: url('plume.png') !important; }

Oui c'est possible comme ça, mais ça ne pourra se faire que pour les dossiers de la barre perso, pas dans le panneau latéral des m-p ou dans la bibliothèque.
Ptite précision sur ce code, après essai chez moi c'est ok en ajoutant quand même la propriété -moz-image-region: auto soit

Code : Tout sélectionner

.bookmark-item[container="true"][label="Mes journaux"] { 
list-style-image: url("plume.png") !important;  
-moz-image-region: auto !important;
}

Tu n'es pas obligé de prendre une image 16x16 px, ça marche aussi si elle est plus grande, elle se redimensionne automatiquement en 16x16.

Par contre, une chose ..
J'ai remarqué que l'image des dossiers des Marque pages de Firefox : Image fait 16 X 14 pixel
par contre la tienne : Image fait 32 X 48 pixel

Cela ne posait pas de pb le fait qu'elle était 2 fois plus grande ?

C'est à ça que sert -moz-image-region: rect pour définir une certaine zone de l'image, ça permet de n'utiliser qu'une seule image pour plusieurs icones.

Et pour résumé le code général, perso je le simplifierai comme ça:

Code : Tout sélectionner

/*------changer icône de tous les dossiers------*/
 treechildren::-moz-tree-image(title, container),
.bookmark-item[query][hostContainer],
.bookmark-item[query][hostContainer][open],
.bookmark-item[container]
 {
  list-style-image: url("image/folder-item.png") !important;
  -moz-image-region: rect(0px, 32px, 16px, 16px) !important;
}

/*===== Dossier "Mes journaux =====*/
 .bookmark-item[container="true"][label="Mes journaux"] { 
list-style-image: url("image/plume.png") !important;
-moz-image-region: auto !important; 
}

en admettant bien sûr que plume.png soit dans le dossier image.
D'ailleurs, toujours perso, le dossier chrome si c'est juste pour ça, je m'embêterai pas avec le renvoi en @import url, suffirait juste de:
Dossier chrome
fichier userChrome.css
dossier image
mais bon ça marche aussi par l'autre méthode...

Il faut juste que tu mettes le bon chemin vers l'image, comme je suis sur linux, sur windows ça ne sera pas pareil.

Ah oui c'est vrai j'ai remarqué ça, là je suis pas sur mon poste avec 'linux', mais j'avais eu des problèmes pour trouver d'où ça venait, et c'est vrai que pour 'linux' la description du chemin est plus strict.(fin de ma ptite parenthèse )

[lool_lauris]

Salut,

Sous Linux, la casse est importante. Notamment, le dossier contenant "userChrome.css" doit être nommé "chrome" et non "Chrome" ; idem pour "userChrome.css" et pas "UserChrome.css". SInon, le fichier de personnalisation sera ignoré à l'ouverture de Firefox.
.

[epsilon9f]

Re filou81158 et tous les participants,
Merci à tous de vos conseils. Ce forum est vraiment super. Bravo à tous.

Pour Freddy,
J'ai testé ton code cela marche merci .., mais .. pas tout le temps ? sais tu pourquoi ?

Explication :
Si je teste avec folder-item (32X48) et (16X14) ou (16X14) Pour "Mes Journaux" (dont le nom de l'image est plume.png)
=> tout s'affiche bien à l'écran.

Si je remplace le fichier folder-item.png (32X48) par une autre (plus petite) exemple : (16X14) ou (16X14) (en lui donnant le même nom évidemment) cela ne passe pas ? rien ne s'affiche sur l'écran ? (alors qu'elle est bien placée dans le dossier image de chrome) (et j'ai renommé l'autre)

Si je mets cette image pour folder-item cad (16X14)) et cette image (16X14) pour "Mes Journaux" (cad plume.png) ,
plume.png s'affiche bien mais par contre, folder-item ne s'affiche pas ?

Code : Tout sélectionner

/*------changer icône de tous les dossiers------*/
 treechildren::-moz-tree-image(title, container),
.bookmark-item[query][hostContainer],
.bookmark-item[query][hostContainer][open],
.bookmark-item[container]
 {
  list-style-image: url("image/folder-item.png") !important;
  -moz-image-region: rect(0px, 32px, 16px, 16px) !important;
}

/*===== Dossier "Mes journaux =====*/
 .bookmark-item[container="true"][label="Mes journaux"] { 
list-style-image: url("image/plume.png") !important;
-moz-image-region: auto !important; 
}

Je viens d'essayer en dimensionnant "plume rouge" ou "plume bleu" et renommé en folder-item , cela s'affiche mais l'image n'est pas nette ?
donc je pense que le pb est bien lié à la taille ....

=> Comment faire pour afficher nettement plume bleu en folder-item ?

C'est quand même zarbi,
"plume bleu ou rouge (16X32)" pour "Mes Journaux" s'affiche bien mais la même image pour folder-item cela ne marche pas ?

Merci de votre aide.

[Freddy]

Ton problème vient de la propriété -moz-image-region qui du coup n'a plus la bonne valeur, du fait du changement de taille de l'image:
La zone/dimension attribuer (par défaut) pour afficher l'icône des dossiers est de 16x16 px, si tu laisse la valeur -moz-image-region: rect(0px, 32px, 16px, 16px) tu indique une zone à afficher qui est en dehors de ton image (voir ici)

Donc il suffit de remplacer cette valeur par auto (ou encore si tu préfère compliquer les choses -moz-image-region: rect(0px, 16px, 16px, 0px)) soit:

Code : Tout sélectionner

/*------changer icône de tous les dossiers------*/
 treechildren::-moz-tree-image(title, container),
.bookmark-item[query][hostContainer],
.bookmark-item[query][hostContainer][open],
.bookmark-item[container]
 {
  list-style-image: url("image/folder-item.png") !important;
  -moz-image-region: auto !important;
}

Mais après, rien ne t'empêche de changer le nom de folder-item dans le code, tu peux directement lui donner le nom de plume bleu (par exemple)