Page 1 sur 1
[Résolu] Changer icone dans la barre personnelle
Publié : 16 juil. 2010, 16:53
par 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
Re: Changer icone dans la barre personnelle
Publié : 16 juil. 2010, 17:20
par 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é.
Re: Changer icone dans la barre personnelle
Publié : 18 juil. 2010, 10:33
par 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+
Re: Changer icone dans la barre personnelle
Publié : 18 juil. 2010, 23:56
par 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
Re: Changer icone dans la barre personnelle
Publié : 19 juil. 2010, 08:12
par 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+
Re: Changer icone dans la barre personnelle
Publié : 19 juil. 2010, 12:01
par 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!
Re: Changer icone dans la barre personnelle
Publié : 19 juil. 2010, 12:04
par Noz
Salut,
Pour le local tu mets bien file:// à la place de http:// ?
Re: Changer icone dans la barre personnelle
Publié : 19 juil. 2010, 12:07
par apocalipse
oui oui!
je sens que ça pas me gonfler longtemps!mdr
Re: Changer icone dans la barre personnelle
Publié : 19 juil. 2010, 12:16
par kaihansen
attention,
Si tu utilises Stylish, les adresses en local ne fonctionnent pas.
a+
Re: Changer icone dans la barre personnelle
Publié : 19 juil. 2010, 12:28
par 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).
Re: Changer icone dans la barre personnelle
Publié : 19 juil. 2010, 13:52
par myahoo
Noz a écrit :Pour le local tu mets bien file:// à la place de http:// ?
Attention quand même, c'est :
et non :
Re: Changer icone dans la barre personnelle
Publié : 19 juil. 2010, 14:12
par 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!
Re: Changer icone dans la barre personnelle
Publié : 19 juil. 2010, 23:43
par 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à
Re: Changer icone dans la barre personnelle
Publié : 20 juil. 2010, 23:53
par 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;}
Re: Changer icone dans la barre personnelle
Publié : 21 juil. 2010, 13:30
par 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