Modèle:Fond - Historique des versions

Pinocchio : m

2014-03-15T16:56:59Z

← Version précédente		Version du 15 mars 2014 à 16:56
Ligne 3 :		Ligne 3 :
	\|<div class="mdlfond {{{image}}}" {{#if:{{{taille\|}}}\|style="background-size:{{{taille}}};"}}>		\|<div class="mdlfond {{{image}}}" {{#if:{{{taille\|}}}\|style="background-size:{{{taille}}};"}}>
	{{#if:{{{opacité\|}}}\|<div style="background-color:rgba(255,255,255,{{{opacité}}}); margin:{{#expr:{{{marge\|0}}}-8}}px; padding:8px;">}}		{{#if:{{{opacité\|}}}\|<div style="background-color:rgba(255,255,255,{{{opacité}}}); margin:{{#expr:{{{marge\|0}}}-8}}px; padding:8px;">}}
	~~\|<div class="mdlfond">~~
	}}		}}
	{{#if:{{{couleur\|}}}		{{#if:{{{couleur\|}}}
Ligne 15 :		Ligne 14 :
	}}{{{1\|texte}}}{{#if:{{{opacité\|}}}\|</div>}}</div></includeonly><noinclude>		}}{{{1\|texte}}}{{#if:{{{opacité\|}}}\|</div>}}</div></includeonly><noinclude>
	;Utilisation :		;Utilisation :
	Affiche un fond derrière le contenu. Ce fond peut être une image, une couleur unie, ou un dégradé à deux couleurs.		Affiche un fond derrière le contenu. Ce fond peut être une image, une couleur unie, ou un dégradé à deux couleurs.<br>Ce modèle a un comportement de bloc et n'est pas adapté à une utilisation "en ligne" (mot, partie de texte).
	;Syntaxe :		;Syntaxe :
	<pre><nowiki>{{Fond [\|image= [\|opacité=] [\|taille=]] [\|marge=]		<pre><nowiki>{{Fond [\|image= [\|opacité=] [\|taille=]] [\|marge=]

Pinocchio : m

2014-01-18T16:46:35Z

← Version précédente		Version du 18 janvier 2014 à 16:46
Ligne 18 :		Ligne 18 :
	;Syntaxe :		;Syntaxe :
	<pre><nowiki>{{Fond [\|image= [\|opacité=] [\|taille=]] [\|marge=]		<pre><nowiki>{{Fond [\|image= [\|opacité=] [\|taille=]] [\|marge=]
	[\|couleur=] [\|dégradé= [\|a=] \|c1= \|c2=]] \| ~~Contenu~~}}</nowiki></pre>		[\|couleur=] [\|dégradé= [\|a=] \|c1= \|c2=]] \| 1=contenu}}</nowiki></pre>
	;Paramètres :		;Paramètres :
	L'un seulement des paramètres ''image'', ''couleur'' ou ''dégradé'' doit être indiqué. Les paramètres ''a'', ''c1'' et ''c2'' ne sont utiles que si ''dégradé'' est choisi. Le paramètre ''opacité'' n'est utile que si ''image'' est choisi.		L'un seulement des paramètres ''image'', ''couleur'' ou ''dégradé'' doit être indiqué. Les paramètres ''a'', ''c1'' et ''c2'' ne sont utiles que si ''dégradé'' est choisi. Le paramètre ''opacité'' n'est utile que si ''image'' est choisi.

Pinocchio le 17 janvier 2014 à 20:47

2014-01-17T20:47:18Z

← Version précédente		Version du 17 janvier 2014 à 20:47
Ligne 1 :		Ligne 1 :
	<includeonly>~~1={{{1}}}~~		<includeonly>
	{{#if:{{{image\|}}}		{{#if:{{{image\|}}}
	\|<div class="mdlfond {{{image}}}" {{#if:{{{taille\|}}}\|style="background-size:{{{taille}}};"}}>		\|<div class="mdlfond {{{image}}}" {{#if:{{{taille\|}}}\|style="background-size:{{{taille}}};"}}>

Pinocchio le 17 janvier 2014 à 20:45

2014-01-17T20:45:14Z

← Version précédente		Version du 17 janvier 2014 à 20:45
Ligne 1 :		Ligne 1 :
	<includeonly>		<includeonly>1={{{1}}}
	{{#if:{{{image\|}}}		{{#if:{{{image\|}}}
	\|<div class="mdlfond {{{image}}}" {{#if:{{{taille\|}}}\|style="background-size:{{{taille}}};"}}>		\|<div class="mdlfond {{{image}}}" {{#if:{{{taille\|}}}\|style="background-size:{{{taille}}};"}}>

Pinocchio le 6 décembre 2012 à 10:14

2012-12-06T10:14:37Z

← Version précédente		Version du 6 décembre 2012 à 10:14
Ligne 43 :		Ligne 43 :
	{{Fond \|dégradé=radial \|c1=green \|c2=lightgreen \|marge=20 \| Contenu}}		{{Fond \|dégradé=radial \|c1=green \|c2=lightgreen \|marge=20 \| Contenu}}
	:		:
	<pre><nowiki>{{Fond \|image=ANSHUTZ_Thomas_Pollock_1894c_Boys_playing_with_crabs_1025x607 \|opacité=0.7 \|marge=60 \| Contenu}}</nowiki></pre>		<pre><nowiki>{{Fond \|image=ANSHUTZ_Thomas_Pollock_1894c_Boys_playing_with_crabs_1025x607 \|opacité=0.7 \|marge=80 \|taille=100% \| Contenu}}</nowiki></pre>
	donne		donne
	{{Fond \|image=ANSHUTZ_Thomas_Pollock_1894c_Boys_playing_with_crabs_1025x607 \|opacité=0.7 \|marge=60 \| Contenu}}		{{Fond \|image=ANSHUTZ_Thomas_Pollock_1894c_Boys_playing_with_crabs_1025x607 \|opacité=0.7 \|marge=80 \|taille=100% \| Contenu}}

Pinocchio : ajout paramètre taille

2012-12-06T10:11:40Z

ajout paramètre taille

← Version précédente		Version du 6 décembre 2012 à 10:11
Ligne 1 :		Ligne 1 :
	<includeonly>		<includeonly>
	{{#if:{{{image\|}}}		{{#if:{{{image\|}}}
	\|<div class="mdlfond {{{image}}}">{{#if:{{{opacité\|}}}\|<div style="background-color:rgba(255,255,255,{{{opacité}}}); margin:{{#expr:{{{marge\|0}}}-8}}px; padding:8px;">}}		\|<div class="mdlfond {{{image}}}" {{#if:{{{taille\|}}}\|style="background-size:{{{taille}}};"}}>
			{{#if:{{{opacité\|}}}\|<div style="background-color:rgba(255,255,255,{{{opacité}}}); margin:{{#expr:{{{marge\|0}}}-8}}px; padding:8px;">}}
	\|<div class="mdlfond">		\|<div class="mdlfond">
	}}		}}
Ligne 16 :		Ligne 17 :
	Affiche un fond derrière le contenu. Ce fond peut être une image, une couleur unie, ou un dégradé à deux couleurs.		Affiche un fond derrière le contenu. Ce fond peut être une image, une couleur unie, ou un dégradé à deux couleurs.
	;Syntaxe :		;Syntaxe :
	<pre><nowiki>{{Fond [\|image= [\|opacité=]] [\|couleur=] [\|dégradé= [\|a=] \|c1= \|c2=]]		<pre><nowiki>{{Fond [\|image= [\|opacité=] [\|taille=]] [\|marge=]
	~~[\|marge=~~] \| Contenu}}</nowiki></pre>		[\|couleur=] [\|dégradé= [\|a=] \|c1= \|c2=]] \| Contenu}}</nowiki></pre>
	;Paramètres :		;Paramètres :
	L'un seulement des paramètres ''image'', ''couleur'' ou ''dégradé'' doit être indiqué. Les paramètres ''a'', ''c1'' et ''c2'' ne sont utiles que si ''dégradé'' est choisi. Le paramètre ''opacité'' n'est utile que si ''image'' est choisi.		L'un seulement des paramètres ''image'', ''couleur'' ou ''dégradé'' doit être indiqué. Les paramètres ''a'', ''c1'' et ''c2'' ne sont utiles que si ''dégradé'' est choisi. Le paramètre ''opacité'' n'est utile que si ''image'' est choisi.
	*image= : nom du style faisant lien vers l'image (optionnel). Une image ne peut être appelée directement pour s'afficher en fond. Il est nécessaire de passer par une classe de style portant le nom de l'image (sans espace ni extension de fichier).		*image= : nom du style faisant lien vers l'image (optionnel). Une image ne peut être appelée directement pour s'afficher en fond. Il est nécessaire de passer par une classe de style portant le nom de l'image (sans espace ni extension de fichier).
	*couleur= : nom ou notation de couleur (optionnel). Certaines couleurs portent un nom comme ''grey'' ou ''lightblue''. Toutes les couleurs peuvent être représentées par une notation hexadécimale de la forme #RVB ou #RRVVBB.		*couleur= : nom ou notation de couleur (optionnel). Certaines couleurs portent un nom comme ''grey'' ou ''lightblue''. Toutes les couleurs peuvent être représentées par une notation hexadécimale de la forme #RVB ou #RRVVBB (ne pas oublier #).
	*dégradé= : type linéaire ou radial (optionnel)		*dégradé= : type linéaire ou radial (optionnel)
	:*a= : angle entre 0 et 360 (optionnel) seulement pour dégradé linéaire. Sens du dégradé (0=G->D,90=B->H,180=D->G,270=H->B)		:*a= : angle entre 0 et 360 (optionnel) seulement pour dégradé linéaire. Sens du dégradé (0=G->D,90=B->H,180=D->G,270=H->B)
	:*c1= : couleur 1 du dégradé (optionnel)		:*c1= : couleur 1 du dégradé (optionnel)
	:*c2= : couleur 2 du dégradé (optionnel)		:*c2= : couleur 2 du dégradé (optionnel)
	*opacité : transparence de l'image ~~de fond~~ (optionnel) seulement pour image. Valeur relative entre 0 et 1.		*opacité : transparence de l'image (optionnel) seulement pour image. Valeur relative entre 0 et 1.
			*taille= : dimension de l'image (optionnel) seulement pour image. Valeur en % (préférable) ou en px.
	*marge : espace autour du contenu (optionnel) valeur en pixels (ne pas indiquer px)		*marge : espace autour du contenu (optionnel) valeur en pixels (ne pas indiquer px)
	;Exemples :		;Exemples :

Caprineus : Exemples de fond

2012-12-05T11:22:59Z

Exemples de fond

@@ Ligne 20 : / Ligne 20 : @@
 ;Paramètres :
 L'un seulement des paramètres ''image'', ''couleur'' ou ''dégradé'' doit être indiqué. Les paramètres ''a'', ''c1'' et ''c2'' ne sont utiles que si ''dégradé'' est choisi. Le paramètre ''opacité'' n'est utile que si ''image'' est choisi.
-*image= : nom du style faisant lien vers l'image (optionnel). Une image ne peut être appelée directement pour s'affichée en fond. Il est nécessaire de passer par une classe de style portant le nom de l'image (sans espace ni extension de fichier).
+*image= : nom du style faisant lien vers l'image (optionnel). Une image ne peut être appelée directement pour s'afficher en fond. Il est nécessaire de passer par une classe de style portant le nom de l'image (sans espace ni extension de fichier).
 *couleur= : nom ou notation de couleur (optionnel). Certaines couleurs portent un nom comme ''grey'' ou ''lightblue''. Toutes les couleurs peuvent être représentées par une notation hexadécimale de la forme #RVB ou #RRVVBB.
 *dégradé= : type linéaire ou radial (optionnel)
@@ Ligne 29 : / Ligne 29 : @@
 *marge : espace autour du contenu (optionnel) valeur en pixels (ne pas indiquer px)
 ;Exemples :

Pinocchio le 2 décembre 2012 à 18:08

2012-12-02T18:08:38Z

← Version précédente		Version du 2 décembre 2012 à 18:08
Ligne 10 :		Ligne 10 :
	\| {{#switch:{{{dégradé}}}		\| {{#switch:{{{dégradé}}}
	\|linéaire\|linear\|lin=<div class="mdlfond" style="background:-moz-linear-gradient({{{a\|0}}}deg,{{{c1\|#789}}},{{{c2\|#DEF}}}); background-image:linear-gradient({{{a\|0}}}deg,{{{c1\|#789}}},{{{c2\|#DEF}}}); padding:{{{marge\|8}}}px;">		\|linéaire\|linear\|lin=<div class="mdlfond" style="background:-moz-linear-gradient({{{a\|0}}}deg,{{{c1\|#789}}},{{{c2\|#DEF}}}); background-image:linear-gradient({{{a\|0}}}deg,{{{c1\|#789}}},{{{c2\|#DEF}}}); padding:{{{marge\|8}}}px;">
	\|radial\|rad=<div class="mdlfond" style="background-image:radial-gradient({{{c1\|#789}}},{{{c2\|#DEF}}}); padding:{{{marge\|8}}}px;">		\|radial\|rad=<div class="mdlfond" style="background:-moz-radial-gradient({{{c1\|#789}}},{{{c2\|#DEF}}});background-image:radial-gradient({{{c1\|#789}}},{{{c2\|#DEF}}}); padding:{{{marge\|8}}}px;">
	}}		}}
	}}{{{1\|texte}}}{{#if:{{{opacité\|}}}\|</div>}}</div></includeonly><noinclude>		}}{{{1\|texte}}}{{#if:{{{opacité\|}}}\|</div>}}</div></includeonly><noinclude>

Pinocchio le 2 décembre 2012 à 18:04

2012-12-02T18:04:01Z

← Version précédente		Version du 2 décembre 2012 à 18:04
Ligne 9 :		Ligne 9 :
	{{#if:{{{dégradé\|}}}		{{#if:{{{dégradé\|}}}
	\| {{#switch:{{{dégradé}}}		\| {{#switch:{{{dégradé}}}
	\|linéaire\|linear\|lin=<div class="mdlfond" style="background-image:linear-gradient({{{a\|0}}}deg,{{{c1\|#789}}},{{{c2\|#DEF}}}); padding:{{{marge\|8}}}px;">		\|linéaire\|linear\|lin=<div class="mdlfond" style="background:-moz-linear-gradient({{{a\|0}}}deg,{{{c1\|#789}}},{{{c2\|#DEF}}}); background-image:linear-gradient({{{a\|0}}}deg,{{{c1\|#789}}},{{{c2\|#DEF}}}); padding:{{{marge\|8}}}px;">
	\|radial\|rad=<div class="mdlfond" style="background-image:radial-gradient({{{c1\|#789}}},{{{c2\|#DEF}}}); padding:{{{marge\|8}}}px;">		\|radial\|rad=<div class="mdlfond" style="background-image:radial-gradient({{{c1\|#789}}},{{{c2\|#DEF}}}); padding:{{{marge\|8}}}px;">
	}}		}}

Pinocchio le 2 décembre 2012 à 17:46

2012-12-02T17:46:20Z

← Version précédente		Version du 2 décembre 2012 à 17:46
Ligne 1 :		Ligne 1 :
	<includeonly>		<includeonly>
	{{#if:{{{image\|}}}		{{#if:{{{image\|}}}
	\|<div class="mdlfond {{{image}}}">{{#if:{{{opacité\|}}}\|<div style="background-color:rgba(255,255,255,{{{opacité}}})); margin:{{#expr:{{{marge\|0}}}-8}}px; padding:8px;">}}		\|<div class="mdlfond {{{image}}}">{{#if:{{{opacité\|}}}\|<div style="background-color:rgba(255,255,255,{{{opacité}}}); margin:{{#expr:{{{marge\|0}}}-8}}px; padding:8px;">}}
	\|<div class="mdlfond">		\|<div class="mdlfond">
	}}		}}

Modèle:Fond - Historique des versions

Pinocchio : m

Pinocchio : m

Pinocchio le 17 janvier 2014 à 20:47

Pinocchio le 17 janvier 2014 à 20:45

Pinocchio le 6 décembre 2012 à 10:14

Pinocchio : ajout paramètre taille

Caprineus : Exemples de fond

Pinocchio le 2 décembre 2012 à 18:08

Pinocchio le 2 décembre 2012 à 18:04

Pinocchio le 2 décembre 2012 à 17:46

Pinocchio : m

Pinocchio : m

Pinocchio : ajout paramètre taille

Caprineus : Exemples de fond