https://wiki.partipirate.org/index.php?title=Mod%C3%A8le:Avancement/documentation&feed=atom&action=history
Modèle:Avancement/documentation - Historique des versions
2024-03-29T08:21:39Z
Historique des révisions pour cette page sur le wiki
MediaWiki 1.36.0
https://wiki.partipirate.org/index.php?title=Mod%C3%A8le:Avancement/documentation&diff=28936&oldid=prev
Zidjinn : Page créée avec « {{Sous-page de documentation}} Le modèle {{M|Avancement}} permet d’afficher une barre de progression calibrée de 0 à 100 %, idéale pour afficher : * les résultats... »
2016-10-20T14:26:54Z
<p>Page créée avec « {{Sous-page de documentation}} Le modèle {{M|Avancement}} permet d’afficher une barre de progression calibrée de 0 à 100 %, idéale pour afficher : * les résultats... »</p>
<p><b>Nouvelle page</b></p><div>{{Sous-page de documentation}}<br />
<br />
Le modèle {{M|Avancement}} permet d’afficher une barre de progression calibrée de 0 à 100 %, idéale pour afficher :<br />
* les résultats d’un sondage ;<br />
* l’état d’avancement d'une traduction ;<br />
* etc.<br />
<br />
Il peut être utilisé dans un tableau pour ajouter des commentaires, avant ou après le modèle.<br />
<br />
== Utilisation ==<br />
Vous pouvez placer ce modèle n’importe où, en utilisant les deux syntaxes suivantes.<br />
<br />
===Syntaxe simple===<br />
La syntaxe simple permet d’utiliser rapidement le modèle. Les paramètres doivent être spécifiés dans un ordre précis.<br />
* '''syntaxe minimale :'''<br />
<nowiki>{{avancement|25}}</nowiki> donne :<br />
{{avancement|25}}<br />
<nowiki>{{avancement|40}}</nowiki> donne :<br />
{{avancement|40}}<br />
etc.<br />
<br />
* '''syntaxe simple :'''<br />
<pre>{{avancement|''avancement''|couleur|fond|barre|texte|alt|inv|inline}}</pre><br />
<br />
Le paramètre ''avancement'' est un nombre de 0 à 100. Le séparateur décimal éventuel doit être un point au lieu de la virgule habituelle : n'écrivez pas <s>23,9</s> mais 23.9<br />
<br />
Consultez les exemples d’utilisation pour comprendre l’utilisation de cette syntaxe.<br />
<br />
===Syntaxe complexe===<br />
La syntaxe complexe permet d’éviter l’utilisation des caractères « | » et peut s’avérer plus facile d’utilisation dans certains cas de barre de progression complexes. En remplissant chaque champ connu (après le signe « = ») avec la valeur adaptée. Seul le premier paramètre est obligatoire, les autres paramètres sont optionnels et ont une valeur par défaut.<br />
<br />
{| style="background: transparent;"<br />
|<pre>{{Avancement<br />
| avancement=<br />
| couleur=<br />
| fond=<br />
| barre=<br />
| texte=<br />
| alt=<br />
| inv=<br />
| inline=<br />
}}</pre><br />
|}<br />
<br />
===Paramètres===<br />
La signification des paramètres est la suivante :<br />
<br />
{| class="wikitable" style="width:70%"<br />
|-<br />
! Paramètre || Description || Type || Format<br />
|-<br />
| <code>avancement</code> || Avancement || '''Obligatoire''' || Numérique.<br />
|-<br />
| <code>couleur</code> || Couleur de la barre d’avancement. Par défaut la couleur de la barre d’avancement est en fonction du paramètre d’''avancement'' (dégradé de rouge (0 %) à vert (100 %)). || Facultatif || Couleur <small>([[Aide:Couleur|aide]])</small>.<br />
|-<br />
| <code>fond</code> || Style du fond de la barre d’avancement. Par défaut « gris clair » avec une bordure « grise foncée ». || Facultatif || Style [[Cascading Style Sheet|CSS]].<br />
|-<br />
| <code>barre</code> || Style de la barre d’avancement. La couleur ne devrait pas être spécifiée ici mais par le paramètre ''couleur''. Vous pourriez y spécifier un style supplémentaire à la barre d’avancement (marges, bordures, etc). || Facultatif || Style [[Cascading Style Sheet|CSS]].<br />
|-<br />
| <code>texte</code> || Style du texte affiché. Par défaut reprend le style de texte de la section où est inséré le modèle. || Facultatif || Style [[Cascading Style Sheet|CSS]].<br />
|-<br />
| <code>alt</code> || Texte alternatif. Par défaut affiche l’avancement suivi du signe « % » || Facultatif || Chaîne de caractères<br />
|-<br />
| <code>inv</code> || Dégradé inversé. Passant du vert (0 %) au rouge (100 %). Par défaut affiche le dégradé dans son ordre « logique ». || Facultatif || "1" pour activer <small>(voir exemples)</small><br />
|-<br />
| <code>inline</code> || Permet un affichage intégré dans le flux du texte (mode d’affichage [[Cascading Style Sheet|CSS]] « inline »). '''Notez que cette option désactive les styles définis pour les barres d’avancement dans votre [[Aide:Monobook|monobook]] [[Cascading Style Sheet|CSS]] (voir [[#Personnalisation|personnalisation]]). L’utilisation de cette option peut donner des résultats variables, voire inattendus sur certains [[Navigateur Web|navigateurs]]'''. || Facultatif || "1" pour activer <small>(voir exemples)</small><br />
|}<br />
<br />
=== Dégradés===<br />
{|<br />
|-<br />
! Normal || Inverse<br />
|-<br />
|<br />
{{Avancement|avancement=5}}<br />
{{Avancement|avancement=10}}<br />
{{Avancement|avancement=15}}<br />
{{Avancement|avancement=20}}<br />
{{Avancement|avancement=25}}<br />
{{Avancement|avancement=30}}<br />
{{Avancement|avancement=35}}<br />
{{Avancement|avancement=40}}<br />
{{Avancement|avancement=45}}<br />
{{Avancement|avancement=50}}<br />
{{Avancement|avancement=55}}<br />
{{Avancement|avancement=60}}<br />
{{Avancement|avancement=65}}<br />
{{Avancement|avancement=70}}<br />
{{Avancement|avancement=75}}<br />
{{Avancement|avancement=80}}<br />
{{Avancement|avancement=85}}<br />
{{Avancement|avancement=90}}<br />
{{Avancement|avancement=95}}<br />
{{Avancement|avancement=100}}<br />
||<br />
{{Avancement|avancement=5|inv=1}}<br />
{{Avancement|avancement=10|inv=1}}<br />
{{Avancement|avancement=15|inv=1}}<br />
{{Avancement|avancement=20|inv=1}}<br />
{{Avancement|avancement=25|inv=1}}<br />
{{Avancement|avancement=30|inv=1}}<br />
{{Avancement|avancement=35|inv=1}}<br />
{{Avancement|avancement=40|inv=1}}<br />
{{Avancement|avancement=45|inv=1}}<br />
{{Avancement|avancement=50|inv=1}}<br />
{{Avancement|avancement=55|inv=1}}<br />
{{Avancement|avancement=60|inv=1}}<br />
{{Avancement|avancement=65|inv=1}}<br />
{{Avancement|avancement=70|inv=1}}<br />
{{Avancement|avancement=75|inv=1}}<br />
{{Avancement|avancement=80|inv=1}}<br />
{{Avancement|avancement=85|inv=1}}<br />
{{Avancement|avancement=90|inv=1}}<br />
{{Avancement|avancement=95|inv=1}}<br />
{{Avancement|avancement=100|inv=1}}<br />
|}<br />
<br />
== Exemples d’utilisation ==<br />
===Syntaxe simple===<br />
<pre>{{Avancement|''avancement''|couleur|fond|barre|texte|alt|inv|inline}}</pre><br />
* Barre simple (dégradé par défaut) :<br />
** <nowiki>{{Avancement|25}}</nowiki> {{Avancement|25}}<br />
** <nowiki>{{Avancement|46}}</nowiki> {{Avancement|46}}<br />
** <nowiki>{{Avancement|77}}</nowiki> {{Avancement|77}}<br />
* Paramètre couleur de barre spécifié :<br />
** <nowiki>{{Avancement|75|lightgreen}}</nowiki> {{Avancement|75|lightgreen}}<br />
** <nowiki>{{Avancement|75|#8080FF}}</nowiki> {{Avancement|75|#8080FF}}<br />
* Paramètre style de fond spécifié :<br />
** <nowiki>{{Avancement|75||border:0;}}</nowiki> {{Avancement|75||border:0;}}<br />
** <nowiki>{{Avancement|75||background-color:yellow;}}</nowiki> {{Avancement|75||background-color:yellow;}}<br />
** <nowiki>{{Avancement|75||margin-top:10px;margin-bottom:10px;}}</nowiki> {{Avancement|75||margin-top:10px;margin-bottom:10px;}}<br />
* Paramètre style de la barre spécifié :<br />
** <nowiki>{{Avancement|75|||border-right:solid 2px red;}}</nowiki> {{Avancement|75|||border-right:solid 2px red;}}<br />
** <nowiki>{{Avancement|75|||border:solid 2px #FF8000;}}</nowiki> {{Avancement|75|||border:solid 2px #FF8000;}}<br />
* Paramètre style du texte spécifié :<br />
** <nowiki>{{Avancement|75||||font-weight:bold;}}</nowiki> {{Avancement|75||||font-weight:bold;}}<br />
** <nowiki>{{Avancement|75||||color:red;}}</nowiki> {{Avancement|75||||color:red;}}<br />
* Paramètre texte alternatif spécifié :<br />
** <nowiki>{{Avancement|25|||||¼ L}}</nowiki> {{Avancement|25|||||¼ L}}<br />
** <nowiki>{{Avancement|70|||||En cours}}</nowiki> {{Avancement|70|||||En cours}}<br />
* Paramètre d’inversion spécifié :<br />
** <nowiki>{{Avancement|25||||||1}}</nowiki> {{Avancement|25||||||1}}<br />
** <nowiki>{{Avancement|75||||||1}}</nowiki> {{Avancement|75||||||1}}<br />
* Paramètre inline spécifié :<br />
** <nowiki>{{Avancement|50|||||||1}}</nowiki> Traduction effectuée à {{Avancement|50|||||||1}}<br />
** <nowiki>{{Avancement|100|||||||1}}</nowiki> Je suis d’accord à {{Avancement|100|||||||1}} !<br />
* '''Exemple d’utilisation de multiples paramètres (style du texte, style de la barre et texte alternatif spécifiés) :'''<br />
** <nowiki>{{Avancement|50|||border:solid 1px black;|font-style:italic;|½ portion}}</nowiki> {{Avancement|50|||border:solid 1px black;|font-style:italic;|½ portion}}<br />
<br />
===Syntaxe complexe===<br />
{| style="background: transparent;"<br />
|<pre>{{Avancement<br />
| avancement=<br />
| couleur=<br />
| fond=<br />
| barre=<br />
| texte=<br />
| alt=<br />
| inv=<br />
| inline=<br />
}}</pre><br />
|}<br />
* Barre simple (dégradé par défaut) :<br />
**<nowiki>{{Avancement|avancement=25}}</nowiki> {{Avancement|avancement=25}}<br />
** <nowiki>{{Avancement|avancement=46}}</nowiki> {{Avancement|avancement=46}}<br />
** <nowiki>{{Avancement|avancement=77}}</nowiki> {{Avancement|avancement=77}}<br />
* Paramètre couleur de barre spécifié :<br />
** <nowiki>{{Avancement|avancement=75|couleur=lightgreen}}</nowiki> {{Avancement|avancement=75|couleur=lightgreen}}<br />
** <nowiki>{{Avancement|avancement=75|couleur=#8080FF}}</nowiki> {{Avancement|avancement=75|couleur=#8080FF}}<br />
* Paramètre style de fond spécifié :<br />
** <nowiki>{{Avancement|avancement=75|fond=border:0;}}</nowiki> {{Avancement|avancement=75|fond=border:0;}}<br />
** <nowiki>{{Avancement|avancement=75|fond=background-color:yellow;}}</nowiki> {{Avancement|avancement=75|fond=background-color:yellow;}}<br />
** <nowiki>{{Avancement|avancement=75|fond=margin-top:10px;margin-bottom:10px;}}</nowiki> {{Avancement|avancement=75|fond=margin-top:10px;margin-bottom:10px;}}<br />
* Paramètre style de la barre spécifié :<br />
** <nowiki>{{Avancement|avancement=75|barre=border-right:solid 2px red;}}</nowiki> {{Avancement|avancement=75|barre=border-right:solid 2px red;}}<br />
** <nowiki>{{Avancement|avancement=75|barre=border:solid 2px #FF8000;}}</nowiki> {{Avancement|avancement=75|barre=border:solid 2px #FF8000;}}<br />
* Paramètre style du texte spécifié :<br />
** <nowiki>{{Avancement|avancement=75|texte=font-weight:bold;}}</nowiki> {{Avancement|avancement=75|texte=font-weight:bold;}}<br />
** <nowiki>{{Avancement|avancement=75|texte=color:red;}}</nowiki> {{Avancement|avancement=75|texte=color:red;}}<br />
* Paramètre texte alternatif spécifié :<br />
** <nowiki>{{Avancement|avancement=25|alt=¼ L}}</nowiki> {{Avancement|avancement=25|alt=¼ L}}<br />
** <nowiki>{{Avancement|avancement=70|alt=En cours}}</nowiki> {{Avancement|avancement=70|alt=En cours}}<br />
* Paramètre d’inversion spécifié :<br />
** <nowiki>{{Avancement|avancement=25|inv=1}}</nowiki>{{Avancement|avancement=25|inv=1}}<br />
** <nowiki>{{Avancement|avancement=75|inv=1}}</nowiki>{{Avancement|avancement=75|inv=1}}<br />
* Paramètre inline spécifié :<br />
** <nowiki>{{Avancement|avancement=50|inline=1}}</nowiki> Traduction effectuée à {{Avancement|avancement=50|inline=1}}<br />
** <nowiki>{{Avancement|avancement=100|inline=1}}</nowiki> Je suis d’accord à {{Avancement|avancement=100|inline=1}} !<br />
* '''Exemple d’utilisation de multiple paramètres (style du texte, style de la barre et texte alternatif spécifiés) :'''<br />
** <nowiki>{{Avancement|avancement=50|barre=border:solid 1px black;|texte=font-style:italic;|alt=½ portion}}</nowiki> {{Avancement|avancement=50|barre=border:solid 1px black;|texte=font-style:italic;|alt=½ portion}}<br />
<br />
==Personnalisation==<br />
Ce modèle peut être également personnalisable via le [[Aide:Monobook|monobook]] [[Cascading Style Sheet|CSS]] grâce aux deux classes suivantes :<br />
<pre><br />
#avance_boite { }<br />
#avance_barre { }<br />
</pre><br />
Exemple d’utilisation :<br />
<pre><br />
#avance_boite<br />
{<br />
width: 100px; // largeur de la boite<br />
background-color: lightgray; // couleur du fond<br />
border: solid 1px gray; // style, taille et couleur de la bordure<br />
}<br />
#avance_barre<br />
{<br />
background-color: #A0FFA0; // couleur de la barre<br />
text-align: right; // alignement du texte<br />
font-size: 100%; // taille du texte<br />
font-weight: bold; // epaisseur du texte<br />
}<br />
</pre><br />
Notez que cette personnalisation est inutile dans le cas de l’utilisation du paramètre ''inline''.<br />
{{Clr}}<br />
<br />
==Voir aussi ==<br />
* {{m|Progression}}<br />
* {{m|0/4}}, {{m|1/4}}, {{m|2/4}}, {{m|3/4}}, {{m|4/4}}<br />
* {{m|Barre de progression}}<br />
<includeonly><br />
[[Catégorie:Modèle pour l'évaluation des articles|Avancement]]<br />
</includeonly></div>
Zidjinn