« 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

Description des 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