[Résolu] Changer icone dans la barre personnelle

[apocalipse]

Salut a tous!
voila j'aimerai attribuer un icone bien spécifique aux dossiers contenants mes favoris de la barre personnelle de firefox!
Est ce possible?
Avez vous quelque-chose à me proposer?
Merci d'avance

[nico@nc]

Bonjour,

Ça peut se faire assez facilement avec le fichier userChrome.css. Regarde le post-it en tête de section Firefox, et le sujet spécifique à ce sujet qui y est indiqué.

[kaihansen]

Bonjour,
Cela revient à mettre dans le userchrome.css ceci :

Code : Tout sélectionner

.bookmark-item[label="a remplacer par le nom de ton dossier"]
{
list-style-image: url("adresse de ton image") !important;
}

en remplaçant le nom du dossier et en mettant une adresse d'image.
a+

[apocalipse]

Merci de vos réponses!

@kaihansen :

j'ai essayé ton code :

Code : Tout sélectionner

.bookmark-item[label="a remplacer par le nom de ton dossier"]
{
list-style-image: url("adresse de ton image") !important;
}

Je vois bien qu'il s'applique à mon label mais l'icone que je lui met n'apparait pas !
ça fait un vide avant mon label!

j'ai essayé avec .png et .ico

[kaihansen]

Bonjour,
Ton image se trouve où? Sur le net ou sur ton disque dur?
Tu modifies le fichier userchrome ou tu utilises l'extension "Stylish"?
Peux tu essayer ceci :

Code : Tout sélectionner

.bookmark-item[label="a remplacer par le nom de ton dossier"]
{
list-style-image: url("http://fredlaury.superforum.fr/users/1112/36/36/10/album/fredtu11.png") !important;
}

Remplace par le label d'un de tes menus en respectant bien la casse (minuscule-majuscule).
a+

[apocalipse]

salut!
j ai test avec un png hébergé sur le net et ça fonctionne....

mais pour un png et ico en local ça ne fonctionne pas...

pas grave je vais héberger mes png sur mon ftp

merci!

ps : si vous avez une soluce pour le local jsuis prenneur!

[Noz]

Salut,
Pour le local tu mets bien file:// à la place de http:// ?

[apocalipse]

oui oui!
je sens que ça pas me gonfler longtemps!mdr

[kaihansen]

attention,
Si tu utilises Stylish, les adresses en local ne fonctionnent pas.
a+

[nico@nc]

Pour être sûr de l'emplacement en local, essaie d'accéder au fichier en mettant tapant cet emplacement dans la barre d'adresse de Firefox (ou tape-y C:/, et navigue jusqu'au fichier, puis copie l'emplacement dans la barre).

[myahoo]

Pour le local tu mets bien file:// à la place de http:// ?

Attention quand même, c'est :

Code : Tout sélectionner

file:///C:/Dossier/Truc/Machin/Fichier.chose

et non :

Code : Tout sélectionner

file://C:/Dossier/Truc/Machin/Fichier.chose

[apocalipse]

Merci pour vos réponses!
du coup je passe par stylish avec mes ico hébergés sur mon ftp et la ça passe...
seul bémol les ico sont petits... et les png passent pas...

pas évident quand on y connait rien!

merci!

[Freddy]

bonsoir,

Au cas où, si ça peut t'aider, voilà ce que je peux indiquer de mon expérience:

• depuis que je me suis aperçu que le file:/// ne marche pas pour une image située dans un sous-dossier, et qu'en fait il me suffit de le remplacer simplement par file:/ pour que se soit ok, maintenant j'utilise toujours cette deuxième solution (pour dossier ou sous-dossier).
Et donc sa donne un truc du genre: file:/D:/dossier/sous-dossier/image.chose

• l'image de l'icône du dossier se retrouvait soit invisible, soit trop petite (pourtant à l'origine 32x32), soit une seule partie apparente (mais prenant toute la zone) , donc j'ai utilisé ce code trouvé je sais plus où, et qui corrige bien le tir ,ce qui donne par exemple :

Code : Tout sélectionner

.bookmark-item[label="a remplacer par le nom de ton dossier"] 
{ list-style-image: url(file:/D:/images/favicon.png) !important;
 -moz-image-region: rect(0px, 29px, 27px, 0px) !important;}

avec pour -moz-image-region: rect(top, right, bottom, left) et donc à régler selon, voir ici: https://developer.mozilla.org/fr/CSS/-moz-image-region

voilà

[corvl]

Il est plus facile de placer l'image dans le dossier chrome et utiliser -moz-image-region:auto
Tu peux ouvrir cette image dans Firefox pour voir le URL (Fichier > Ouvrir un fichier)

Code : Tout sélectionner

#personal-bookmarks .bookmark-item[container][label="Folder_Name"] {
 list-style-image: url('folder-icon.png') !important;
-moz-image-region: auto !important;}

[Freddy]

Ah oui, effectivement -moz-image-region: auto ça marche, merci corvl

Par contre j'avais déjà lu cette info pour placer l'image dans le dossier chrome, ça évite d'avoir à indiquer le chemin en entier, mais ça n'a jamais fonctionné chez moi (je viens de refaire l'essai) et que ce soit en la mettant dans le dossier chrome du "profil" ou celui de "Mozilla Firefox"
C'est pour ça que j'ai créé un sous-dossier dans mon dossier "images" et c'est là que je me suis aperçu que c'était ok que si je remplace file:/// par file:/ pour les sous-dossiers.

Bon, au final ça me va bien comme ça