Skin Build
Vous souhaitez réagir à ce message ? Créez un compte en quelques clics ou connectez-vous pour continuer.
Le Deal du moment :
Funko POP! Jumbo One Piece Kaido Dragon Form : ...
Voir le deal

[Firefox] Liste de pourcentage en dégradé.

Aller en bas

[Firefox] Liste de pourcentage en dégradé. Empty [Firefox] Liste de pourcentage en dégradé.

Message par bello Mer 15 Aoû - 18:10

Voici un code pour mettre les pourcentages dans le menu ressources et dans le menu flotte (vitesse) en degradé.

Ecriture en dégradé

Aperçu du résultat :

[Firefox] Liste de pourcentage en dégradé. Image1dc9
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 :

[Firefox] Liste de pourcentage en dégradé. 198126186920070817121237
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
Newbis

Nombre de messages : 6
Points : 0
Date d'inscription : 15/08/2007

Revenir en haut Aller en bas

Revenir en haut

- Sujets similaires

 
Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum