« Modèle:BoxItem » : différence entre les versions
De Game of Rôles Le Wiki
Aller à la navigationAller à la recherche
(add support for style prop) |
Aucun résumé des modifications |
||
| Ligne 1 : | Ligne 1 : | ||
<div id="{{{id|}}}" class="box item grow {{{class|}}}"{{#if:{{{style|}}}| style="{{style}}"|}}> | <div id="{{{id|}}}" class="box item grow {{{class|}}}"{{#if:{{{style|}}}| style="{{{style}}}"|}}> | ||
<div class="title">{{{title}}}</div> | <div class="title">{{{title}}}</div> | ||
{{#if:{{{content|}}}|<div class="content {{{contentClass|}}}">{{{content}}}</div>|}} | {{#if:{{{content|}}}|<div class="content {{{contentClass|}}}">{{{content}}}</div>|}} | ||
Version du 11 février 2021 à 17:03
{{{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. |
