Page 1 sur 1

[Resolu] Icones Toolbar

Publié : 09 juil. 2007, 14:24
par 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à :

Image

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

Image

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

Publié : 09 juil. 2007, 17:22
par 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.

Publié : 11 juil. 2007, 17:36
par 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