« Modèle:Avancement » : différence entre les versions

De Le Wiki de Lug
Aller à la navigation Aller à la recherche
Modèle>Darkoneko
Aucun résumé des modifications
Modèle>Darkoneko
(argh oups : ça m'apprendra à modifier 2 wikis à la fois)
Ligne 3 : Ligne 3 :


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>
.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
}
</pre>


== Utilisation ==
== Utilisation ==

Version du 10 mai 2007 à 08:39

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 texte
   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

Voir aussi