Difference between revisions of "Template:ProgressBar"

From Fixme.ch
Jump to: navigation, search
(correction: z-indez -> z-index :D)
 
(2 intermediate revisions by 2 users not shown)
Line 3: Line 3:
 
{{#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>}}
 
{{#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>
 
</includeonly>
−
 
 
<noinclude>
 
<noinclude>
−
Added from http://fr.wikipedia.org/wiki/Mod%C3%A8le:Avancement.
+
== Information ==
−
Added https://fixme.ch/wiki/Template:Avancement/Nuancier
+
* Added from http://fr.wikipedia.org/wiki/Mod%C3%A8le:Avancement.
−
 
+
* Added https://fixme.ch/wiki/Template:Avancement/Nuancier
−
We need to add some .css in the [[MediaWiki:Common.css]] in order to make it work properly I don't have the rights... [[User:Noskill|Noskill]]
+
−
 
+
−
Anyone ?
+
−
 
+
  
−
'''Until this is added to the .css, you'll need to add every [[Template:Avancement#Parameters]]'''
+
== Usage ==
−
<pre>
+
<nowiki>{{avancement|''avancement''|couleur|fond|barre|texte|alt|inv|inline}}</nowiki>
−
/* BOÎTES D'AVANCEMENT */
+
−
+
−
/* Pour les boites d'avancement, voir [[Template:Avancement]]. */
+
−
+
−
.avance_boite {
+
−
  position: relative;
+
−
  margin: 0;
+
−
  padding: 0;
+
−
  width: 100px;
+
−
  height: 16px;
+
−
  background: #D3D3D3;
+
−
  border: solid 1px gray;
+
−
}
+
−
+
−
.avance_barre {
+
−
  position: relative;
+
−
  margin: 0;
+
−
  padding: 0;
+
−
  height: 100%;
+
−
  background: #A0A0FF;
+
−
  border: 0;
+
−
  vertical-align: middle;
+
−
}
+
−
+
−
.avance_texte {
+
−
  position: absolute;
+
−
  top: 50%;
+
−
  left: 0;
+
−
  width: 100px;
+
−
  height: 100%;
+
−
  padding: 0;
+
−
  border: 0;
+
−
  margin: 0;
+
−
  margin-top: -0.5em;
+
−
  text-align: center;
+
−
  font-size: 14px;
+
−
  line-height: 1em;
+
−
}
+
−
</pre>
+
  
−
===Parameters===
+
==Parameters==
 
La signification des paramètres est la suivante :
 
La signification des paramètres est la suivante :
  

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)
Retrieved from "http://fixme.ch/w/index.php?title=Template:ProgressBar&oldid=3686"