Modèle:CadreGen
Utilisation[modifier le code]
Ce modèle crée un cadre pouvant contenir une entête.
Syntaxe[modifier le code]
- Minimale :
{{CadreGen
|contenu=
}}
- Maximale :
{{CadreGen
|contenu=
|lien=
|lienClair=oui
|arrondi=
|couleurFond=
|couleurBordure=
|couleurOmbre=
|tailleBordure=
|margeInterieure=
|grille=
|entete=
}}
Paramètres[modifier le code]
- contenu – contenu (textes, images, autres cadres, inclusion de sous-page) (optionnel, par défaut vide)
- entete – zone réservée à un titre mise en forme (optionnel, par défaut vide). La différence avec le contenu est de ne pas avoir de marge intérieure.
- lien – Adresse de la sous-page contenant le contenu (optionnel, par défaut no)
- lienClair – Rend le lien clair (utile lorsque le fond est sombre)(optionnel, par défaut vide)
- couleurFond – Modifie la couleur de fond du cadre (optionnel, par défaut transparent)
- couleurBordure – Modifie la couleur de la bordure du cadre (optionnel, par défaut #C6E4F2)
- couleurOmbre – Modifie la couleur de fond du cadre (optionnel, par défaut transparent)
- tailleBordure – Modifie la largeur de la bordure du cadre (optionnel, par défaut 1px)
- margeInterieure – Ajoute une marge intérieure y compris à l'entête (optionnel, par défaut 0)
- arrondi – Ajoute un arrondi aux coins du cadre (optionnel, par défaut 0)
- grille – Permet de paramétrer l'insertion du cadre dans une grille (attribut flex en CSS, par défaut 1 1 auto).
Exemple[modifier le code]
Lorem[modifier le code]
{{CadreGen|couleurFond=white|contenu=Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse
cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non
proident, sunt in culpa qui officia deserunt mollit anim id est laborum.}}
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non
proident, sunt in culpa qui officia deserunt mollit anim id est laborum.Lorem avec un entete[modifier le code]
{{CadreGen|entete=<h2 style="border:0; background-color:LightYellow; border: 1px dotted gold; border-radius:5px;">Titre</h2>|contenu=Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse
cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non
proident, sunt in culpa qui officia deserunt mollit anim id est laborum.}}
Titre
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non
proident, sunt in culpa qui officia deserunt mollit anim id est laborum.Portail:Histoire[modifier le code]
{{CadreGen
|arrondi=11px
|margeInterieure=3px
|couleurBordure=gold
|contenu=
Insérez le contenu
|entete=
<table style="background:none;width:100%; padding:.3em;">
<td width="23px" style="padding-left:.3em; padding-right:.3em;"> [[Fichier:Nuvola apps kalzium.svg|23px|link=|Icône]]</td>
<td class="degrade" style="background-color:LightYellow; border:2px solid #F0B020; border-radius:.5em; padding-left:.5em; padding-right:.5em;"> <span class="plainlinks noprint" style="padding:0 4px 0 4px; float:right; font-size:90%">[[Portail:Histoire/Ressources|Modifier]]</span><span style="color:#000; float:left; font-size:100%;">'''Insérez le titre'''</span>
</td></table>
<hr style="border-bottom: 1px solid {{{couleurBordure|gold}}};margin-left:0.3em;margin-right:0.3em;" />
}}
 |
Insérez le titre |
La documentation de ce modèle est générée par le modèle {{Documentation}}.
Elle est incluse depuis sa sous-page de documentation. Veuillez placer les catégories sur cette page-là.
Les éditeurs peuvent travailler dans le bac à sable (créer) et la page de test (créer).
Voir les statistiques d'utilisation du modèle sur l'outil wstat.