[Resolu] Icones Toolbar

[neii]

Bonjour à tous,

Un nouveau topic sur un sujet qui vous sera peut être vu et revu, mais je n'ai pas trouvé de réponse dans le forum malgrès 6 jours de recherches


Je me lance dans la personnalisation de firefox pour me faire un theme perso,
Je le fais avec le theme par défaut pour éviter au maximum les rajouts de css,
(je n'utilise aucunement le userChrome.css pour ca et ne le souhaite pas)



J'ajoute dans le fichier browser/browser.css les lignes suivantes (sous les lignes qu'il faut) :

menubar, toolbox, toolbar, .tabbrowser-tabs {
background-image: url("chrome://browser/skin/menubg.png") !important;
background-position: top left !important;
background-repeat : repeat-x !important;
background-color: none !important;
border: 0px !important;
}

Mes barres ont donc un background imagé.



Mon problème étant au niveau des boutons, suivant quelle apparence Windows j'utilise,


Sous l'apparence Windows Classique, j'obtiens celà :



Donc là, tout va bien, le bouton "actualiser" est transparent au passage de la souris, on voit le background du menu,


Sous l'apparence Windows XP, j'obtiens celà :



Et là, au survol du button, il n'est plus transparent


Pourtant, quand j'installe un theme tout prêt, ca n'affiche pas ce fond là,,

Comment (et où) puis-je l'enlever ou le modifier à partir des .css du classic.jar ?


Si vous pouviez m'aider,
Merci par avance de vos réponses

Message envoyé avec : Mozilla/5.0 (Windows; U; Windows NT 5.1; fr; rv:1.8.1.4) Gecko/20070515 Firefox/2.0.0.4

[jpj]

Bonjour,

[Modération] Pas d'idée mais je déplace dans Développement d'applications Gecko. Tu peux aussi parcourir cette section du forum, il y a déjà été question de développement de thème.

[neii]

Bon,, Après encore 2 jours de trifouilles dans mes fichiers,
La solution a pointé le bout de son nez,
Je la poste si elle peut servir à quelqu'un :



Pour avoir des boutons transparents :
(toujours sans passer par le userchrome.css)


Dans browser\browser.css :

Ajouter :

/* vire l'apparence par défaut des boutons */

toolbarbutton {
-moz-appearance: none !important;
border: none !important;
}

Ou dans global\Toolbarbutton.css :

modifier ces lignes :

toolbarbutton {
-moz-appearance: none;
}

toolbarbutton:focus {
-moz-appearance: none;
}

Voilà, Enjoy all !

Message envoyé avec : Mozilla/5.0 (Windows; U; Windows NT 5.1; fr; rv:1.8.1.4) Gecko/20070515 Firefox/2.0.0.4