« Modèle:BoxItem » : différence entre les versions
De Game of Rôles Le Wiki
Aller à la navigationAller à la recherche
(Page créée avec « <div id="{{{id|}}}" class="box item grow {{{class|}}}"> <div class="title">{{{title}}}</div> {{#if:{{{content|}}}|<div class="content">{{{content}}}</div>|}} </div><noinc... ») |
(support for contentClass property) |
||
Ligne 1 : | Ligne 1 : | ||
<div id="{{{id|}}}" class="box item grow {{{class|}}}"> | <div id="{{{id|}}}" class="box item grow {{{class|}}}"> | ||
<div class="title">{{{title}}}</div> | <div class="title">{{{title}}}</div> | ||
{{#if:{{{content|}}}|<div class="content">{{{content}}}</div>|}} | {{#if:{{{content|}}}|<div class="content {{{contentClass|}}}">{{{content}}}</div>|}} | ||
</div><noinclude> | </div><noinclude> | ||
{{Documentation}} | {{Documentation}} | ||
</noinclude> | </noinclude> |
Version du 11 février 2021 à 16:36
{{{title}}}
Documentation du modèle[voir] [modifier] [historique] [purger]
Affiche une sous-boîte dynamique, migration de l'HTML de la page d'accueil pour simplifier sa maintenance. Nécessite le CSS défini dans Accueil/style.css
En général, à imbriquer dans un<div class="row"></div>et une flexbox.
Usage
{{BoxItem | title = | id = | class = | notItem = | style = | contentClass = | content = }}
Paramètres
Paramètre | Description | Type |
---|---|---|
title |
Le titre de la boîte | Obligatoire |
id |
Un identifiant pour la boîte (ajout de l'attribut "id" dans l'HTML). | Facultatif |
class |
Des classes CSS supplémentaires à rajouter à la boîte. | Facultatif |
notItem |
Retire la classe "item" de la boîte (impact sur les marges) | Facultatif |
style |
Permet de rajouter du css personnalisé sur la boîte | Facultatif |
contentClass |
Permet de rajouter des classes CSS supplémentaire sur la partie "content" de la boîte | Facultatif |
content |
Le contenu de la boîte | Facultatif |
Exemples
{{BoxItem|title=Titre|content=Contenu}}
Titre
Contenu
{{BoxItem | title=<span style="color:red;">Titre</span> |content=Contenu sur plusieurs lignes et avec '''de la syntaxe wiki''' et de <span style="color:red;">l'html</span> }}
Titre
Contenu sur
plusieurs lignes
et avec de la syntaxe wiki et de l'html{{BoxItem|title=Titre}}
Titre
{{BoxItem|title=Titre|class=yellow}}
Titre
<div class="row"> {{BoxItem|title=Titre2|class=blue|content=Contenu 1}} {{BoxItem|title=Titre1|class=yellow|contentClass=bold|content=Contenu 2}} {{BoxItem|title=Titre2|class=red|content=Contenu 3}} </div>
Titre2
Contenu 1
Titre1
Contenu 2
Titre2
Contenu 3
La documentation ci-dessus est une transclusion de Modèle:BoxItem/doc. (modifier | historique) Les contributeurs peuvent expérimenter ce modèle dans les pages sandbox (créer | miroir) et testcases (créer). Merci d'ajouter les catégories dans la sous-page /doc. Sous-pages de ce modèle. |