Pour pouvoir importer des images sur le serveur et consulter le wiki sans publicité, vous devez vous connecter.

Différences entre les versions de « Modèle:Jauge »

Aller à la navigation Aller à la recherche

Modèle:Jauge (voir la source)

Version du 20 août 2006 à 12:42

674 octets supprimés ,  20 août 2006 à 12:42
aucun résumé de modification
 
Ligne 1 : Ligne 1 :
<div class="avance_boite" style="{{{3|}}}"><div class="avance_barre" style="background:{{{2|#A0A0FF}}}; width:{{{1|5}}}%; {{{4|}}}"></div><div class="avance_texte" style="{{{5|}}}">{{{6|{{{1|5}}}%}}}</div></div><noinclude>
<div class="avance_boite" style="{{{3|}}}"><div class="avance_barre" style="background:{{{2|#A0A0FF}}}; width:{{{1|5}}}%; {{{4|}}}"></div><div class="avance_texte" style="{{{5|}}}">{{{6|{{{1|5}}}%}}}</div></div><noinclude>
== Fonctionnement ==
== Description ==


Ce modèle permet d'afficher une barre de progression calibrée jusqu'à 100, idéale pour afficher par exemple les résultats d'un sondage. Il peut facilement être utilisé dans un tableau pour ajouter des commentaires, avant ou après le modèle.
Ce modèle permet d'afficher une barre de progression calibrée jusqu'à 100, idéale pour afficher par exemple les résultats d'un sondage. Il peut facilement être utilisé dans un tableau pour ajouter des commentaires, avant ou après le modèle.


Il est personnalisable via le [[monobook]] [[feuilles de style en cascade|CSS]] grâce aux deux classes suivantes :


<pre>
== Syntaxe ==
.avance_boite
{
  width: 100px; // largeur de la boite
  background-color: lightgray; // couleur du fond
  border: solid 1px gray; // style, taille et couleur de la bordure
}
.avance_barre
{
  background-color: #A0FFA0; // couleur de la barre
  text-align: right; // alignement du teste
  font-size: 100%; // taille du texte
  font-weight: bold; // epaisseur du texte
}
</pre>
 
 
== Utilisation ==


Un seul paramètre est obligatoire, mais il est possible d'en avoir cinq autres:
Un seul paramètre est obligatoire, mais il est possible d'en avoir cinq autres:
Ligne 29 : Ligne 11 :
! index !! description || exemple
! index !! description || exemple
|--------
|--------
| 1 || Le pourcentage || <pre>{{Avancement|35}}</pre> {{Avancement|35}}
| 1 || Le pourcentage || <pre>{{Jauge|35}}</pre> {{Jauge|35}}
|--------
|--------
| 2 || La couleur de la barre || <pre>{{Avancement|69|lightgreen}}</pre> {{Avancement|69|lightgreen}}
| 2 || La couleur de la barre || <pre>{{Jauge|69|lightgreen}}</pre> {{Jauge|69|lightgreen}}
|--------
|--------
| 3 || Le style du fond || <pre>{{Avancement|10||border:0;}}</pre> {{Avancement|10||border:0;}}
| 3 || Le style du fond || <pre>{{Jauge|10||border:0;}}</pre> {{Jauge|10||border:0;}}
|--------
|--------
| 4 || Le style de la barre || <pre>{{Avancement|87|#FF8080||border-right:solid 2px red;}}</pre> {{Avancement|87|#FF8080||border-right:solid 2px red;}}
| 4 || Le style de la barre || <pre>{{Jauge|87|#FF8080||border-right:solid 2px red;}}</pre> {{Jauge|87|#FF8080||border-right:solid 2px red;}}
|--------
|--------
| 5 || Le style du texte || <pre>{{Avancement|13||||font-weight:bold;}}</pre> {{Avancement|13||||font-weight:bold;}}
| 5 || Le style du texte || <pre>{{Jauge|13||||font-weight:bold;}}</pre> {{Jauge|13||||font-weight:bold;}}
|--------
|--------
| 6 || Texte alternatif|| <pre>{{Avancement|25|||||¼ L}}</pre>
| 6 || Texte alternatif|| <pre>{{Jauge|25|||||Energie}}</pre>
{{Avancement|25|||||¼ L}}
{{Jauge|25|||||Energie}}
|}
|}


==Voir aussi ==
[[Catégorie:Modèles]]
* {{m|Progression}}
* {{m|0/4}}, {{m|1/4}}, {{m|2/4}}, {{m|3/4}}, {{m|4/4}}
 
[[Catégorie:Modèle|{{PAGENAME}}]]
</noinclude>
</noinclude>
Récupérée de « https://www.gwiki.fr/wiki/Spécial:MobileDiff/4679 »

Menu de navigation