Page 1 sur 1

[RESOLU] toolbox/toolbars + barre d'onglets = 1 background ?

Publié : 21 nov. 2007, 18:19
par neii
Salutations !

Il me reste un derrnier détail avant de finaliser le prototype de mon thème pour firefox, mais je n'arrive pas à trouvay :
Je voudrais que les toolbars (toolbox) et la barre d'onglets aient pour background une image unique,,

Pour la toolbox, c'est fait avec ceci :

Code : Tout sélectionner

toolbox#navigator-toolbox  {
  -moz-appearance: none !important;
  background-image: url("chrome://browser/skin/BGtoolbox.png") !important;
}
Mais la barre d'onglets reste de marbre avec le fond skin/global/icons/tabbrowser-tabs-bkgnd.png,,

Malgré quelques centaines d'essais, je n'y arrive pas,
J'ai pourtant vu des themes qui le fesaient, sans trouver comment,,


Est-ce que quelqu'un pourrait m'avancer ?

Merci d'avance !



Message envoyé avec : Mozilla/5.0 (Windows; U; Windows NT 5.1; fr; rv:1.8.1.9) Gecko/20071025 Firefox/2.0.0.9

Publié : 22 nov. 2007, 03:01
par neii
Bon bah,, En fait j'ai enfin trouvé la solution :twisted:

Voilà mon bout :

Code : Tout sélectionner

/* virer l'apparence par défaut de l'ensemble des barres, et de la barre d'onglets */

toolbox#navigator-toolbox {
  -moz-appearance: none !important;
  background-color: transparent !important;
}

/* appliquer le fond à la fenetre principale*/

#main-window {
  -moz-appearance: none !important;
  background-image: url("chrome://browser/skin/BGtoolbox.png") !important;
}

/* virer l'apparence par défaut de la barre d'onglet */
.tabbrowser-tabs {
   background-image: none !important;
   background-color: transparent !important;
}

Voilou !
Enjoy !

Message envoyé avec : Mozilla/5.0 (Windows; U; Windows NT 5.1; fr; rv:1.8.1.9) Gecko/20071025 Firefox/2.0.0.9

Publié : 22 nov. 2007, 09:08
par Omnisilver
Bien joué ! Tu nous donnera le lien ?

Tu t'es basé sur quoi pour créer ton thème : des tutoriaux, les autres thèmes ? C'est une question qui revient régulièrement : comment créer son thème Firefox ?

Publié : 22 nov. 2007, 10:58
par neii
Bien sur :)

Les thèmes que j'avais testé étaient PinkHope et NASA, mais je ne trouvais pas l'ID de ce qu'il me manquait dans le browser.css (je ne le connaissais même pas de nom alors je risquais pas), et avec le DOM Inspector, pas moyen de mettre la main dessus,,

Je n'avais pas pensé, mais il y a toujours http://Userstyles.org/stylish ;)

J'ai tapé : "transparent" et j'ai vu parmi les résultats : "Transparent Firefox" : http://userstyles.org/styles/3874

J'ai regardé le code, j'ai récupéré ce qui concerne "main-window" (ce qui me manquait), et le tour est fini ^^





Message envoyé avec : Mozilla/5.0 (Windows; U; Windows NT 5.1; fr; rv:1.8.1.9) Gecko/20071025 Firefox/2.0.0.9