« Modèle:Fond » : différence entre les versions
De BoyWiki
test et documentation |
m |
||
| (20 versions intermédiaires par 2 utilisateurs non affichées) | |||
| Ligne 1 : | Ligne 1 : | ||
<includeonly> | <includeonly> | ||
{{#if:{{{image|}}} | {{#if:{{{image|}}} | ||
|<div class="mdlfond {{{image}}}" | |<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:{{{couleur|}}} | {{#if:{{{couleur|}}} | ||
| style="background-color:{{{couleur}}}; | | <div class="mdlfond" style="background-color:{{{couleur}}}; padding:{{{marge|8}}}px;"> | ||
}} | }} | ||
{{#if:{{{dégradé|}}} | {{#if:{{{dégradé|}}} | ||
| {{#switch:{{{dégradé}}} | | {{#switch:{{{dégradé}}} | ||
|linéaire|linear|lin=background-image:linear-gradient({{{a|0}}}deg,{{{ | |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=background-image:radial-gradient({{{ | |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> | ||
;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=] [|couleur=] [|dégradé= [|a=] |c1= |c2=] | | <pre><nowiki>{{Fond [|image= [|opacité=] [|taille=]] [|marge=] | ||
[|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. | 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' | *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 (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) | |||
;Exemples : | ;Exemples : | ||
<pre><nowiki>{{Fond |couleur=yellow |marge=10 | Contenu}}</nowiki></pre> | |||
donne | |||
{{Fond |couleur=yellow |marge=10 | Contenu}} | |||
: | |||
<pre><nowiki>{{Fond |dégradé=linéaire |a=90 |c1=blue |c2=lightblue |marge=50 | Contenu}}</nowiki></pre> | |||
donne | |||
{{Fond |dégradé=linéaire |a=90 |c1=blue |c2=lightblue |marge=50 | Contenu}} | |||
: | |||
<pre><nowiki>{{Fond |dégradé=radial |c1=green |c2=lightgreen |marge=20 | Contenu}}</nowiki></pre> | |||
donne | |||
{{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=80 |taille=100% | Contenu}}</nowiki></pre> | |||
donne | |||
{{Fond |image=ANSHUTZ_Thomas_Pollock_1894c_Boys_playing_with_crabs_1025x607 |opacité=0.7 |marge=80 |taille=100% | Contenu}} | |||
Dernière version du 15 mars 2014 à 16:56
- Utilisation
Affiche un fond derrière le contenu. Ce fond peut être une image, une couleur unie, ou un dégradé à deux couleurs.
Ce modèle a un comportement de bloc et n'est pas adapté à une utilisation "en ligne" (mot, partie de texte).
- Syntaxe
{{Fond [|image= [|opacité=] [|taille=]] [|marge=]
[|couleur=] [|dégradé= [|a=] |c1= |c2=]] | 1=contenu}}
- 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'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 (ne pas oublier #).
- 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)
- c1= : couleur 1 du dégradé (optionnel)
- c2= : couleur 2 du dégradé (optionnel)
- 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)
- Exemples
{{Fond |couleur=yellow |marge=10 | Contenu}}
donne
Contenu
{{Fond |dégradé=linéaire |a=90 |c1=blue |c2=lightblue |marge=50 | Contenu}}
donne
Contenu
{{Fond |dégradé=radial |c1=green |c2=lightgreen |marge=20 | Contenu}}
donne
Contenu
{{Fond |image=ANSHUTZ_Thomas_Pollock_1894c_Boys_playing_with_crabs_1025x607 |opacité=0.7 |marge=80 |taille=100% | Contenu}}
donne
