Difference between revisions of "Template:ProgressBar"

From Fixme.ch
Jump to: navigation, search
(Adding/Testing new template (if it works))
 
 
(19 intermediate revisions by 2 users not shown)
Line 1: Line 1:
<includeonly><!-- Note: L’attribut longueur n’est utilisé ici qu’à des fins de comptabilité avec l’attribut L des modèles AvancementC et AvancementC2 devenus obsolètes, il est tout à possible de l’intégrer en tant qu’argument du modèle dans la documentation bien que son intérêt soit limité -->{{#ifexpr:{{{inline|{{{8|0}}}}}}=0|<div class="avance_boite" style="{{{fond|{{{3|}}}}}}"><div class="avance_barre" style="background:{{{couleur|{{#if:{{{2|}}}|{{{2}}}|{{Avancement/Nuancier|{{{avancement|{{{1|1}}}}}}|{{{inv|{{{7|0}}}}}}}}}}}}}; width:{{#iferror: {{#if: {{{longueur|{{{avancement|}}}}}}|{{#expr:{{{longueur|{{{avancement|1}}}}}}+0}}|{{#expr:{{{1|1}}}+0}}}}|0|{{#if: {{{longueur|{{{avancement|}}}}}}|{{{longueur|{{{avancement|1}}}}}}|{{{1|1}}}}}}}%; {{{barre|{{{4|}}}}}}"><div class="avance_texte" style="{{{texte|{{{5|}}}}}}">{{#if:{{{alt|{{{6|}}}}}}|{{{alt|{{{6}}}}}}|{{#iferror:{{#expr:{{{avancement|{{{1|1}}}}}}+0}}|?|{{formatnum:{{{avancement|{{{1|1}}}}}}}}}} %}}</div></div></div>|<span style="border:1px solid gray;z-indez:1;position:relative;left:1em;font-size:14px;{{{fond|{{{3|}}}}}}"><span style="z-indez:3;vertical-align:top;margin:0px;padding:0px;color:{{{couleur|{{#if:{{{2|}}}|{{{2}}}|{{Avancement/Nuancier|{{{avancement|{{{1|1}}}}}}|{{{inv|{{{7|0}}}}}}}}}}}}};background-color:{{{couleur|{{#if:{{{2|}}}|{{{2}}}|{{Avancement/Nuancier|{{{avancement|{{{1|1}}}}}}|{{{inv|{{{7|0}}}}}}}}}}}}};{{{barre|{{{4|}}}}}}"> {{Dupliquer|({{{longueur|{{{avancement|{{{1|1}}}}}}}}} / 10 round 0)|&#x2588;}}</span><span style="z-indez:2;margin:0px;padding:0px;background-color:#D3D3D3;color:#D3D3D3;">{{Dupliquer|10 - ({{{longueur|{{{avancement|{{{1|1}}}}}}}}} / 10 round 0)|&#x2588;}}</span></span><span style="z-indez:4;margin:0px;padding:0px;position:relative;right:4em;top:1px;"><span style="z-indez:5;margin:0px;padding:0px;color:black;font-size:14px;{{{texte|{{{5|}}}}}}">{{#if:{{{alt|{{{6|}}}}}}|{{{alt|{{{6}}}}}}|{{#iferror:{{#expr:{{{avancement|{{{1|1}}}}}}+0}}|?|{{formatnum:{{{avancement|{{{1|1}}}}}}}}}} %}}</span></span>}}</includeonly><noinclude>
+
<includeonly>
 +
<!-- Note: L’attribut longueur n’est utilisé ici qu’à des fins de comptabilité avec l’attribut L des modèles AvancementC et AvancementC2 devenus obsolètes, il est tout à possible de l’intégrer en tant qu’argument du modèle dans la documentation bien que son intérêt soit limité -->
 +
{{#ifexpr:{{{inline|{{{8|0}}}}}}=0|<div class="avance_boite" style="{{{fond|{{{3|}}}}}}"><div class="avance_barre" style="background:{{{couleur|{{#if:{{{2|}}}|{{{2}}}|{{ProgressBar/ColorChart|{{{avancement|{{{1|1}}}}}}|{{{inv|{{{7|0}}}}}}}}}}}}}; width:{{#iferror: {{#if: {{{longueur|{{{avancement|}}}}}}|{{#expr:{{{longueur|{{{avancement|1}}}}}}+0}}|{{#expr:{{{1|1}}}+0}}}}|0|{{#if: {{{longueur|{{{avancement|}}}}}}|{{{longueur|{{{avancement|1}}}}}}|{{{1|1}}}}}}}%; {{{barre|{{{4|}}}}}}"><div class="avance_texte" style="{{{texte|{{{5|}}}}}}">{{#if:{{{alt|{{{6|}}}}}}|{{{alt|{{{6}}}}}}|{{#iferror:{{#expr:{{{avancement|{{{1|1}}}}}}+0}}|?|{{formatnum:{{{avancement|{{{1|1}}}}}}}}}} %}}</div></div></div>|<span style="border:1px solid gray;z-index:1;position:relative;left:1em;font-size:14px;{{{fond|{{{3|}}}}}}"><span style="z-index:3;vertical-align:top;margin:0px;padding:0px;color:{{{couleur|{{#if:{{{2|}}}|{{{2}}}|{{ProgressBar/ColorChart|{{{avancement|{{{1|1}}}}}}|{{{inv|{{{7|0}}}}}}}}}}}}};background-color:{{{couleur|{{#if:{{{2|}}}|{{{2}}}|{{ProgressBar/ColorChart|{{{avancement|{{{1|1}}}}}}|{{{inv|{{{7|0}}}}}}}}}}}}};{{{barre|{{{4|}}}}}}"> {{Dupliquer|({{{longueur|{{{avancement|{{{1|1}}}}}}}}} / 10 round 0)|&#x2588;}}</span><span style="z-index:2;margin:0px;padding:0px;background-color:#D3D3D3;color:#D3D3D3;">{{Dupliquer|10 - ({{{longueur|{{{avancement|{{{1|1}}}}}}}}} / 10 round 0)|&#x2588;}}</span></span><span style="z-index:4;margin:0px;padding:0px;position:relative;right:4em;top:1px;"><span style="z-index:5;margin:0px;padding:0px;color:black;font-size:14px;{{{texte|{{{5|}}}}}}">{{#if:{{{alt|{{{6|}}}}}}|{{{alt|{{{6}}}}}}|{{#iferror:{{#expr:{{{avancement|{{{1|1}}}}}}+0}}|?|{{formatnum:{{{avancement|{{{1|1}}}}}}}}}} %}}</span></span>}}
 +
</includeonly>
 +
<noinclude>
 +
== Information ==
 +
* Added from http://fr.wikipedia.org/wiki/Mod%C3%A8le:Avancement.
 +
* Added https://fixme.ch/wiki/Template:Avancement/Nuancier
  
{{Documentation}}
+
== Usage ==
 +
<nowiki>{{avancement|''avancement''|couleur|fond|barre|texte|alt|inv|inline}}</nowiki>
 +
 
 +
==Parameters==
 +
La signification des paramètres est la suivante :
 +
 
 +
{| class="wikitable" style="width:70%"
 +
|-
 +
! Paramètre || Description || Type || Format
 +
|-
 +
| <code>avancement</code> || Avancement || '''Obligatoire''' || Numérique.
 +
|-
 +
| <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>.
 +
|-
 +
| <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]].
 +
|-
 +
| <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]].
 +
|-
 +
| <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]].
 +
|-
 +
| <code>alt</code> || Texte alternatif. Par défaut affiche l’avancement suivi du signe « % » || Facultatif || Chaîne de caractères
 +
|-
 +
| <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>
 +
|-
 +
| <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>
 +
|}
 
</noinclude>
 
</noinclude>

Latest revision as of 17:26, 9 January 2013


Information

Usage

{{avancement|''avancement''|couleur|fond|barre|texte|alt|inv|inline}}

Parameters

La signification des paramètres est la suivante :

Paramètre Description Type Format
avancement Avancement Obligatoire Numérique.
couleur 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 (aide).
fond Style du fond de la barre d’avancement. Par défaut « gris clair » avec une bordure « grise foncée ». Facultatif Style CSS.
barre 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 CSS.
texte Style du texte affiché. Par défaut reprend le style de texte de la section où est inséré le modèle. Facultatif Style CSS.
alt Texte alternatif. Par défaut affiche l’avancement suivi du signe « % » Facultatif Chaîne de caractères
inv 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 (voir exemples)
inline Permet un affichage intégré dans le flux du texte (mode d’affichage CSS « inline »). Notez que cette option désactive les styles définis pour les barres d’avancement dans votre monobook CSS (voir personnalisation). L’utilisation de cette option peut donner des résultats variables, voire inattendus sur certains navigateurs. Facultatif "1" pour activer (voir exemples)