[Firefox] Liste de pourcentage en dégradé.
Page 1 sur 1
[Firefox] Liste de pourcentage en dégradé.
Voici un code pour mettre les pourcentages dans le menu ressources et dans le menu flotte (vitesse) en degradé.
Il est malheureusement impossible de garder la couleur après l'avoir sélectionné car les navigateurs ne prennent pas cette possibilité en charge.
Il est possible de fusionner ces deux types de dégradé en faisant un peu d'adaptation.
/! Ce code n'est compatible qu'avec Mozilla Firefox.
Ecriture en dégradé
Aperçu du résultat :
Code à insérer dans le fichier formate.css :
Aperçu du résultat :
Code à insérer dans le fichier formate.css :
- Code:
/* Coloration des listes de pourcentages menu Ressources*/
option[value="100"]{color:#FFF261}
option[value="90"]{color:#FFDA57}
option[value="80"]{color:#FFC24E}
option[value="70"]{color:#FFA944}
option[value="60"]{color:#FF913A}
option[value="50"]{color:#FF7930}
option[value="40"]{color:#FF6127}
option[value="30"]{color:#FF491D}
option[value="20"]{color:#FF3013}
option[value="10"]{color:#FF180A}
option[value="0"]{color:#FF0000}
/* Coloration des listes de pourcentages menu Flottes*/
option[value="10"]{color:#FFF261}
option[value="9"]{color:#FFDA57}
option[value="8"]{color:#FFC24E}
option[value="7"]{color:#FFA944}
option[value="6"]{color:#FF913A}
option[value="5"]{color:#FF7930}
option[value="4"]{color:#FF6127}
option[value="3"]{color:#FF491D}
option[value="2"]{color:#FF3013}
option[value="1"]{color:#FF180A}
Il est malheureusement impossible de garder la couleur après l'avoir sélectionné car les navigateurs ne prennent pas cette possibilité en charge.
Fond en dégradé
Aperçu du résultat :
Code à insérer dans le fichier formate.css :
Aperçu du résultat :
Code à insérer dans le fichier formate.css :
- Code:
/* Coloration des listes de pourcentages menu Ressources*/
option[value="100"]{background:#00FF00}
option[value="90"]{background:#33FF00}
option[value="80"]{background:#66FF00}
option[value="70"]{background:#99FF00}
option[value="60"]{background:#CCFF00}
option[value="50"]{background:#FFFF00}
option[value="40"]{background:#FFCC00}
option[value="30"]{background:#FF9900}
option[value="20"]{background:#FF6600}
option[value="10"]{background:#FF3300}
option[value="0"]{background:#FF0000}
/* Coloration des listes de pourcentages menu Flotte*/
option[value="10"]{background:#00FF00}
option[value="9"]{background:#33FF00}
option[value="8"]{background:#66FF00}
option[value="7"]{background:#99FF00}
option[value="6"]{background:#CCFF00}
option[value="5"]{background:#FFFF00}
option[value="4"]{background:#FFCC00}
option[value="3"]{background:#FF9900}
option[value="2"]{background:#FF6600}
option[value="1"]{background:#FF3300}
option[value="0"]{background:#FF0000}
Il est possible de fusionner ces deux types de dégradé en faisant un peu d'adaptation.
/! Ce code n'est compatible qu'avec Mozilla Firefox.
bello- Newbis
- Nombre de messages : 6
Points : 0
Date d'inscription : 15/08/2007
Sujets similaires
» [Firefox] Changer la couleur des ressources
» [Firefox] La solution pour l'antimatiere
» probleme avec un skin et firefox 3.5
» [Modules Firefox] WebDeveloper & Firebug
» [Firefox]Mettre en couleur les ressources nécéssaire
» [Firefox] La solution pour l'antimatiere
» probleme avec un skin et firefox 3.5
» [Modules Firefox] WebDeveloper & Firebug
» [Firefox]Mettre en couleur les ressources nécéssaire
Page 1 sur 1
Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum
|
|