« Modèle:Méta cadre » : différence entre les versions
m (New page: <includeonly><div style="display:block; width:{{{width|auto}}}; margin-top:1em; margin-bottom:1em; padding:0px; background-color:{{{fond|transparent}}};<!-- bordures : -->border-collapse:c...) |
mAucun résumé des modifications |
||
Ligne 44 : | Ligne 44 : | ||
--></div></includeonly><noinclude> | --></div></includeonly><noinclude> | ||
;Utilisation: Un cadre avec un contenu que l'on peut rendre modifiable. '''Ne faites pas un usage direct de ce cadre dans les articles.''' | |||
;Syntaxe: | |||
{|align="center" | |||
|- | |||
|<pre> | |||
{{Méta cadre | |||
|titre= | |||
|lien= | |||
|contenu= | |||
|bas= | |||
|image= | |||
|width= | |||
|couleur= | |||
|bordure= | |||
|fond= | |||
|arrondi= | |||
}} | |||
</pre> | |||
|} | |||
;Paramètres: | |||
:*<code>titre</code> : le titre (facultatif, vierge par défaut) | |||
:*<code>lien</code> : lien pour la modification du contenu (optionnel, pas de « <small><nowiki>[modifier]</nowiki></small> » par défaut ; il faut alors donner un contenu) | |||
:*<code>contenu</code> : le contenu du cadre (optionnel, par défaut le contenu du lien est inclus) | |||
:*<code>bas</code> : une petite annotation en bas de cadre (facultatif, vierge par défaut) | |||
:*<code>image</code> : une image (facultatif, pas d'image par défaut) | |||
:*<code>width</code> : largeur du cadre ; par exemple <code>50%</code>, <code>300px</code> (falcultatif, <code>auto</code> par défaut) | |||
:*<code>fond</code> : couleur du fond (facultatif, « <code>transparent</code> » par défaut) | |||
:*<code>couleur</code> : couleur des bandes (facultatif, « <code>transparent</code> » par défaut) | |||
:*<code>bordure</code> : couleur des bordures (facultatif, « <code>#aaaaaa</code> » par défaut) | |||
:*<code>arrondi</code> : importance de l'arrondi du cadre ; par exemple <code>5px</code>, <code>8px</code>, <code>1em</code> (falcultatif, aucun arrondi par défaut) | |||
;Exemples: | |||
{{Entête tableau "Code Rendu"}} | |||
|- | |||
|colspan="2"|<center><small>Attention : La présence de "<code>wikitable</code>" dans {{M|Entête tableau "Code Rendu"}} peut influer sur le rendu des exemples. Il faut vérifier la comformité avec les [[Discussion Modèle:Méta cadre#Exemples hors tableau|exemples hors tableau]]</small></center> | |||
|- | |||
|<pre>{{Méta cadre | |||
|titre=Exemple minimaliste | |||
|contenu=Lorem ipsum dolor sit amet, consectetuer adipiscing elit. | |||
}}</pre> | |||
|{{Méta cadre | |||
|titre=Exemple minimaliste | |||
|contenu=Lorem ipsum dolor sit amet, consectetuer adipiscing elit. | |||
}} | |||
|- | |||
|'''Faire apparaître les bandes''' | |||
<pre>{{Méta cadre | |||
|couleur=#FF8080 | |||
|titre= | |||
|contenu=Important. | |||
|bas= | |||
}}</pre> | |||
|{{Méta cadre | |||
|couleur=#FF8080 | |||
|titre= | |||
|contenu=Important. | |||
|bas= | |||
}} | |||
|- | |||
|'''Mise en forme et annotation''' | |||
<pre>{{Méta cadre | |||
|image=Image-Infobox-jeux-video-charte1b.png | |||
|couleur=#EEFFEE | |||
|fond=#F8FFF8 | |||
|bordure=#AACCAA | |||
|titre='''Infobox en Littérature''' | |||
|lien=Modèle:Liste Infobox/Littérature | |||
|bas=''[[Wikipédia:Modèles/Infobox|liste complète des infobox]]'' | |||
}}</pre> | |||
|{{Méta cadre | |||
|image=Image-Infobox-jeux-video-charte1b.png | |||
|couleur=#EEFFEE | |||
|fond=#F8FFF8 | |||
|bordure=#AACCAA | |||
|titre='''Infobox en Littérature''' | |||
|lien=Modèle:Liste Infobox/Littérature | |||
|bas=''[[Wikipédia:Modèles/Infobox|liste complète des infobox]]'' | |||
}} | |||
|- | |||
|'''Le même sans le lien « modifier »''' | |||
<pre>{{Méta cadre | |||
|image=Image-Infobox-jeux-video-charte1b.png | |||
|couleur=#EEFFEE | |||
|fond=#F8FFF8 | |||
|bordure=#AACCAA | |||
|titre='''Infobox en Littérature''' | |||
|contenu={{Modèle:Liste Infobox/Littérature}} | |||
|bas=''[[Wikipédia:Modèles/Infobox|liste complète des infobox]]'' | |||
}}</pre> | |||
|{{Méta cadre | |||
|image=Image-Infobox-jeux-video-charte1b.png | |||
|couleur=#EEFFEE | |||
|fond=#F8FFF8 | |||
|bordure=#AACCAA | |||
|titre='''Infobox en Littérature''' | |||
|contenu={{Modèle:Liste Infobox/Littérature}} | |||
|bas=''[[Wikipédia:Modèles/Infobox|liste complète des infobox]]'' | |||
}} | |||
|- | |||
|'''Où le contenu diffère du lien''' | |||
<pre>{{Méta cadre | |||
|arrondi=8px | |||
|image=Article.svg | |||
|couleur=#EEEEEE | |||
|fond=white | |||
|bordure=#AAAAAA | |||
|titre=<center>'''L'article de cette semaine'''</center> | |||
|lien=Modèle:AccueilArticleDeLaSemaine/{{CURRENTWEEK}} {{CURRENTYEAR}} | |||
|contenu={{Article de la semaine}} | |||
|bas=<!--force la bande du bas--> | |||
}}</pre> | |||
|{{Méta cadre | |||
|arrondi=8px | |||
|image=Article.svg | |||
|couleur=#EEEEEE | |||
|fond=white | |||
|bordure=#AAAAAA | |||
|titre=<center>'''L'article de cette semaine'''</center> | |||
|lien=Modèle:AccueilArticleDeLaSemaine/{{CURRENTWEEK}} {{CURRENTYEAR}} | |||
|contenu={{Article de la semaine}} | |||
|bas=<!--force la bande du bas--> | |||
}} | |||
|- | |||
|style="width:55%;"|'''Comment en faire un encadré flottant''' | |||
<pre><div style="width:60%;float:right;margin-left:1em;"> | |||
{{Méta cadre | |||
|arrondi=8px | |||
|image=Curly Brackets.svg | |||
|titre=Les modèles du projet Modèle | |||
|lien=Projet:Modèle/Modèles | |||
}}</div> | |||
{{Lipsum|2}}</pre> | |||
|<div style="width:60%;float:right;margin-left:1em;"> | |||
{{Méta cadre | |||
|arrondi=8px | |||
|image=Curly Brackets.svg | |||
|titre=Les modèles du projet Modèle | |||
|lien=Projet:Modèle/Modèles | |||
}}</div> | |||
{{Lipsum|2}} | |||
|- | |||
|'''Ajuster la largeur''' | |||
<pre>{{Méta cadre | |||
|width=75% | |||
|couleur=#A0FFFF | |||
|fond=white | |||
|bordure=#008080 | |||
|image=Wikipedia-info.png | |||
|titre='''Un titre''' | |||
|bas=<small>une petite annotation ici</small> | |||
|contenu=Lorem ipsum dolor sit amet, consectetuer adipiscing elit. | |||
Sed non risus. Suspendisse lectus tortor, dignissim sit amet, | |||
adipiscing nec, ultricies sed, dolor. Cras elementum ultrices diam. | |||
Maecenas ligula massa, varius a, semper congue, euismod non, mi. | |||
}}</pre> | |||
|{{Méta cadre | |||
|width=75% | |||
|couleur=#A0FFFF | |||
|fond=white | |||
|bordure=#008080 | |||
|image=Wikipedia-info.png | |||
|titre='''Un titre''' | |||
|bas=<small>une petite annotation ici</small> | |||
|contenu=Lorem ipsum dolor sit amet, consectetuer adipiscing elit. | |||
Sed non risus. Suspendisse lectus tortor, dignissim sit amet, | |||
adipiscing nec, ultricies sed, dolor. Cras elementum ultrices diam. | |||
Maecenas ligula massa, varius a, semper congue, euismod non, mi. | |||
}} | |||
|} | |||
;Notes: | |||
:* Ce cadre est le modèle de base de {{M|Cadre utilisateur}}, {{M|Liste Infobox}}, ... | |||
:* Il emploie <code><nowiki>div</nowiki></code> ; et non <code><nowiki>table</nowiki></code> qui ne permet le rendu voulu <small>:( après moult essais ;)</small>. | |||
:* Il emploie pas de <code>class</code>. | |||
[[Catégorie:Modèles]] | [[Catégorie:Modèles]] | ||
</noinclude> | </noinclude> |
Version actuelle datée du 20 août 2009 à 22:55
- Utilisation
- Un cadre avec un contenu que l'on peut rendre modifiable. Ne faites pas un usage direct de ce cadre dans les articles.
- Syntaxe
{{Méta cadre |titre= |lien= |contenu= |bas= |image= |width= |couleur= |bordure= |fond= |arrondi= }} |
- Paramètres
-
titre
: le titre (facultatif, vierge par défaut)lien
: lien pour la modification du contenu (optionnel, pas de « [modifier] » par défaut ; il faut alors donner un contenu)contenu
: le contenu du cadre (optionnel, par défaut le contenu du lien est inclus)bas
: une petite annotation en bas de cadre (facultatif, vierge par défaut)image
: une image (facultatif, pas d'image par défaut)width
: largeur du cadre ; par exemple50%
,300px
(falcultatif,auto
par défaut)fond
: couleur du fond (facultatif, «transparent
» par défaut)couleur
: couleur des bandes (facultatif, «transparent
» par défaut)bordure
: couleur des bordures (facultatif, «#aaaaaa
» par défaut)arrondi
: importance de l'arrondi du cadre ; par exemple5px
,8px
,1em
(falcultatif, aucun arrondi par défaut)
- Exemples
Code wiki | Rendu | ||||
---|---|---|---|---|---|
wikitable " dans [[{{#if: |
{{Entête tableau "Code Rendu"{{#if:||}}{{#if:||}}{{#if:||}}{{#if:||}}}}]] peut influer sur le rendu des exemples. Il faut vérifier la comformité avec les exemples hors tableau | ||||
{{Méta cadre |titre=Exemple minimaliste |contenu=Lorem ipsum dolor sit amet, consectetuer adipiscing elit. }} |
Exemple minimaliste| {{#if:|}}{{#if:|}} }}
{{#if:Lorem ipsum dolor sit amet, consectetuer adipiscing elit.|Lorem ipsum dolor sit amet, consectetuer adipiscing elit.|{{#if:|{{ {{{lien}}} }}|contenu manquant}} }} | ||||
Faire apparaître les bandes
{{Méta cadre |couleur=#FF8080 |titre= |contenu=Important. |bas= }} |
{{#ifeq: |
[[Image:{{{image}}}|24px|]] |
}}
{{#if:Important.|Important.|{{#if:|{{ {{{lien}}} }}|contenu manquant}} }}
{{#ifeq:||
}} Mise en forme et annotation
{{Méta cadre |image=Image-Infobox-jeux-video-charte1b.png |couleur=#EEFFEE |fond=#F8FFF8 |bordure=#AACCAA |titre='''Infobox en Littérature''' |lien=Modèle:Liste Infobox/Littérature |bas=''[[Wikipédia:Modèles/Infobox|liste complète des infobox]]'' }}
Infobox en Littérature|
Infobox en Littérature | Infobox en Littérature |
}}
{{#if:|{{{contenu}}}|{{#if:Modèle:Liste Infobox/Littérature|Modèle:Liste Infobox/Littérature|contenu manquant}} }}
{{#ifeq:liste complète des infobox|liste complète des infobox|
}} Le même sans le lien « modifier »
{{Méta cadre |image=Image-Infobox-jeux-video-charte1b.png |couleur=#EEFFEE |fond=#F8FFF8 |bordure=#AACCAA |titre='''Infobox en Littérature''' |contenu={{Modèle:Liste Infobox/Littérature}} |bas=''[[Wikipédia:Modèles/Infobox|liste complète des infobox]]'' }}
Infobox en Littérature|
Infobox en Littérature | Infobox en Littérature |
}}
{{#if:Modèle:Liste Infobox/Littérature|Modèle:Liste Infobox/Littérature|{{#if:|{{ {{{lien}}} }}|contenu manquant}} }}
{{#ifeq:liste complète des infobox|liste complète des infobox|
}} Où le contenu diffère du lien
{{Méta cadre |arrondi=8px |image=Article.svg |couleur=#EEEEEE |fond=white |bordure=#AAAAAA |titre=<center>'''L'article de cette semaine'''</center> |lien=Modèle:AccueilArticleDeLaSemaine/{{CURRENTWEEK}} {{CURRENTYEAR}} |contenu={{Article de la semaine}} |bas=<!--force la bande du bas--> }}
|
L'article de cette semaine |
}}
{{#if:Modèle:Article de la semaine|Modèle:Article de la semaine|{{#if:Modèle:AccueilArticleDeLaSemaine/48 2024|Modèle:AccueilArticleDeLaSemaine/48 2024|contenu manquant}} }}
{{#ifeq:||
}} Comment en faire un encadré flottant
<div style="width:60%;float:right;margin-left:1em;"> {{Méta cadre |arrondi=8px |image=Curly Brackets.svg |titre=Les modèles du projet Modèle |lien=Projet:Modèle/Modèles }}</div> {{Lipsum|2}}
Les modèles du projet Modèle | Les modèles du projet Modèle |
{{#if:|{{{contenu}}}|{{#if:Projet:Modèle/Modèles|Modèle:Projet:Modèle/Modèles|contenu manquant}} }}
Ajuster la largeur
{{Méta cadre |width=75% |couleur=#A0FFFF |fond=white |bordure=#008080 |image=Wikipedia-info.png |titre='''Un titre''' |bas=<small>une petite annotation ici</small> |contenu=Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Sed non risus. Suspendisse lectus tortor, dignissim sit amet, adipiscing nec, ultricies sed, dolor. Cras elementum ultrices diam. Maecenas ligula massa, varius a, semper congue, euismod non, mi. }}
Un titre|
Un titre | Un titre |
}}
{{#if:Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Sed non risus. Suspendisse lectus tortor, dignissim sit amet, adipiscing nec, ultricies sed, dolor. Cras elementum ultrices diam. Maecenas ligula massa, varius a, semper congue, euismod non, mi.|Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Sed non risus. Suspendisse lectus tortor, dignissim sit amet, adipiscing nec, ultricies sed, dolor. Cras elementum ultrices diam. Maecenas ligula massa, varius a, semper congue, euismod non, mi.|{{#if:|{{ {{{lien}}} }}|contenu manquant}} }}
{{#ifeq:une petite annotation ici|une petite annotation ici|
}}
- Notes
-
- Ce cadre est le modèle de base de [[{{#if:||Modèle:}}Cadre utilisateur|{{Cadre utilisateur{{#if:||}}{{#if:||}}{{#if:||}}{{#if:||}}}}]], [[{{#if:||Modèle:}}Liste Infobox|{{Liste Infobox{{#if:||}}{{#if:||}}{{#if:||}}{{#if:||}}}}]], ...
- Il emploie
div
; et nontable
qui ne permet le rendu voulu :( après moult essais ;). - Il emploie pas de
class
.