Modèle:Avancement : Différence entre versions
De Ekopedia
m (espace) |
m |
||
(Une révision intermédiaire par le même utilisateur non affichée) | |||
Ligne 1 : | Ligne 1 : | ||
− | <div class="avance_boite" style="{{{3|}}}"><div class="avance_barre" style="background:{{#if: {{{2|}}}|{{{2}}}|#A0A0FF}}; width:{{#expr:{{{1|5}}}+0}} %; {{{4|}}}"><div class="avance_texte" style="{{{5|}}}">{{{6|{{{1|5}}} %}}}</div></div></div><noinclude> | + | <div class="avance_boite" style="{{{3|}}}"><div class="avance_barre" style="background:{{#if: {{{2|}}}|{{{2}}}|#A0A0FF}}; width:{{#expr:{{{1|5}}}+0}}%; {{{4|}}}"><div class="avance_texte" style="{{{5|}}}">{{{6|{{{1|5}}} %}}}</div></div></div><noinclude> |
== Fonctionnement == | == Fonctionnement == | ||
Version actuelle en date du 14 avril 2011 à 17:13
Fonctionnement[modifier]
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 CSS grâce aux deux classes suivantes :
.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 texte font-size: 100%; // taille du texte font-weight: bold; // epaisseur du texte }
Utilisation[modifier]
Un seul paramètre est obligatoire, mais il est possible d'en avoir cinq autres:
index | description | exemple |
---|---|---|
1 | Le pourcentage | {{Avancement|35}} |
2 | La couleur de la barre | {{Avancement|69|lightgreen}} |
3 | Le style du fond | {{Avancement|10||border:0;}} |
4 | Le style de la barre | {{Avancement|87|#FF8080||border-right:solid 2px red;}} |
5 | Le style du texte | {{Avancement|13||||font-weight:bold;}} |
6 | Texte alternatif | {{Avancement|25|||||¼ L}} |