« Modèle:Couleur/Documentation » : différence entre les versions
De Nefald
Autres actions
m <noinclude> |
Aucun résumé des modifications |
||
| Ligne 1 : | Ligne 1 : | ||
Ce modèle permet de colorer | Ce modèle permet de colorer du texte avec des couleurs modernes inspirées de Bootstrap 5. | ||
=== Syntaxe === | === Syntaxe === | ||
<pre> | <pre> | ||
{{Couleur|nom-couleur|texte optionnel}} | |||
</pre> | </pre> | ||
| Ligne 11 : | Ligne 11 : | ||
=== Exemples d'utilisation === | === Exemples d'utilisation === | ||
==== Dans un tableau ==== | |||
<pre> | <pre> | ||
| Ligne 36 : | Ligne 38 : | ||
|} | |} | ||
=== | ==== Dans du texte normal ==== | ||
Vous pouvez utiliser {{Couleur|danger|des couleurs}} dans {{Couleur|success|du texte}} normal. | |||
=== Badge vide === | |||
Pour | Pour un badge de couleur sans texte : | ||
<pre> | <pre> | ||
{{Couleur|jaune}} | |||
</pre> | </pre> | ||
Résultat : {{Couleur|jaune}} | |||
[[Catégorie:Documentation de modèle]] | [[Catégorie:Documentation de modèle]] | ||
</noinclude> | </noinclude> | ||
Version du 3 octobre 2025 à 08:20
Ce modèle permet de colorer du texte avec des couleurs modernes inspirées de Bootstrap 5.
Syntaxe
{{Couleur|nom-couleur|texte optionnel}}
Couleurs disponibles
| Nom | Badge (texte) | Cellule (tableau) | Code |
|---|---|---|---|
| Bleu | Bleu | Bleu | ... |
| Danger | Danger | Danger | ... |
| Danger clair | Danger clair | Danger clair | ... |
| Foncé | Foncé | Foncé | ... |
| Gris | Gris | Gris | ... |
| Info | Info | Info | ... |
| Info clair | Info clair | Info clair | ... |
| Jaune | Jaune | Jaune | ... |
| Clair | Clair | Clair | ... |
| Primaire | Primaire | Primaire | ... |
| Rose | Rose | Rose | ... |
| Rouge | Rouge | Rouge | ... |
| Secondaire | Secondaire | Secondaire | ... |
| Succès | Succès | Succès | ... |
| Succès clair | Succès clair | Succès clair | ... |
| Vert | Vert | Vert | ... |
| Avertissement | Avertissement | Avertissement | ... |
| Avertissement clair | Avertissement clair | Avertissement clair | ... |
Exemples d'utilisation
Dans un tableau
{| class="wikitable"
! Permission !! Par défaut !! Description
|-
| ChestShop.admin || {{Couleur|warning|true}} || Accès administration
|-
| ChestShop.shop.* || {{Couleur|success|true}} || Accès boutique
|-
| {{Couleur|jaune|<code>ChestShop.mod</code>}} || {{Couleur|jaune}} || {{Couleur|jaune|Modérateur}}
|}
Résultat :
| Permission | Par défaut | Description |
|---|---|---|
| ChestShop.admin | true | Accès administration |
| ChestShop.shop.* | true | Accès boutique |
ChestShop.mod |
Modérateur |
Dans du texte normal
Vous pouvez utiliser style="background-color:#f8d7da; color:#842029; padding:8px 12px;" | des couleurs dans style="background-color:#d1e7dd; color:#0f5132; padding:8px 12px;" | du texte normal.
Badge vide
Pour un badge de couleur sans texte :
{{Couleur|jaune}}
Résultat : style="background-color:#fff3cd; color:#664d03; padding:8px 12px;" |