« Modèle:Avancement » : différence entre les versions
Aller à la navigation
Aller à la recherche
Modèle>Aoineko (nouveau paramettre) |
Modèle>La Cigale m (documentation) |
||
| 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 == | |||
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 : | |||
<pre> | |||
.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: | |||
{| | |||
! index !! description || exemple | |||
|-------- | |||
| 1 || Le pourcentage || <pre>{{Avancement|35}}</pre> {{Avancement|35}} | |||
|-------- | |||
| 2 || La couleur de la barre || <pre>{{Avancement|69|lightgreen}}</pre> {{Avancement|69|lightgreen}} | |||
|-------- | |||
| 3 || Le style du fond || <pre>{{Avancement|10||border:0;}}</pre> {{Avancement|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;}} | |||
|-------- | |||
| 5 || Le style du texte || <pre>{{Avancement|13||||font-weight:bold;}}</pre> {{Avancement|13||||font-weight:bold;}} | |||
|-------- | |||
| 6 || Texte alternatif|| <pre>{{Avancement|25|||||¼ L}}</pre> | |||
{{Avancement|25|||||¼ L}} | |||
|} | |||
[[Catégorie:Modèle|{{PAGENAME}}]] | [[Catégorie:Modèle|{{PAGENAME}}]] | ||
</noinclude> | </noinclude> | ||
Version du 7 juin 2006 à 08:02
5%
Fonctionnement
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 teste
font-size: 100%; // taille du texte
font-weight: bold; // epaisseur du texte
}
Utilisation
Un seul paramètre est obligatoire, mais il est possible d'en avoir cinq autres:
| index | description | exemple |
|---|---|---|
| 1 | Le pourcentage | {{Avancement|35}} 35% |
| 2 | La couleur de la barre | {{Avancement|69|lightgreen}} 69% |
| 3 | Le style du fond | {{Avancement|10||border:0;}} 10% |
| 4 | Le style de la barre | {{Avancement|87|#FF8080||border-right:solid 2px red;}} 87% |
| 5 | Le style du texte | {{Avancement|13||||font-weight:bold;}} 13% |
| 6 | Texte alternatif | {{Avancement|25|||||¼ L}}
¼ L |