« Modèle:Badge » : différence entre les versions
De Nefald
Autres actions
Page créée avec « <templatestyles src="Modèle:Badge/styles.css" /><span class="badge badge-{{{type|default}}}" {{#if:{{{bg|}}}|style="background: {{{bg}}}; {{#if:{{{color|}}}|color: {{{color}}};|}}"|}}>{{#if:{{{icon|}}}|<i class="fa-solid fa-{{{icon}}}"></i>|}}{{{1|Badge}}}</span><noinclude> {{Documentation}} Catégorie:Modèle de mise en forme </noinclude> » |
Aucun résumé des modifications |
||
| Ligne 1 : | Ligne 1 : | ||
<templatestyles src="Modèle:Badge/styles.css" /><span class="badge badge-{{{type|default}}}" {{#if:{{{bg|}}}|style="background: {{{bg}}}; {{#if:{{{color|}}}|color: {{{color}}};|}}"|}}> | <templatestyles src="Modèle:Badge/styles.css" /><span class="badge badge-{{{type|default}}}" {{#if:{{{bg|}}}|style="background: {{{bg}}}; {{#if:{{{color|}}}|color: {{{color}}};|}}"|}}>|<i class="fa-solid fa-{{{icon}}}"></i>|}}{{{1|Badge}}}{{{icon|}}}</span><noinclude> | ||
{{Documentation}} | {{Documentation}} | ||
[[Catégorie:Modèle de mise en forme]] | [[Catégorie:Modèle de mise en forme]] | ||
</noinclude> | </noinclude> | ||
Version du 4 février 2026 à 15:16
||}}Badge
Modèle:Badge
Le modèle Badge permet d'ajouter des badges stylisés et personnalisables avec des icônes FontAwesome 7.
Syntaxe
{{Badge|Texte|type=TYPE|icon=ICON|bg=COULEUR|color=COULEUR_TEXTE}}
Paramètres
| Paramètre | Description | Valeurs | Défaut |
|---|---|---|---|
| 1 | Texte du badge | Texte libre | Badge
|
| type | Type de badge prédéfini | Voir #Présets disponibles | default
|
| icon | Icône FontAwesome (nom sans fa-) |
Ex: flask, star |
Aucune |
| bg | Couleur de fond personnalisée | Code couleur CSS | Selon le type |
| color | Couleur du texte personnalisée | Code couleur CSS | Selon le type |
Présets disponibles
| Type | Rendu | Utilisation recommandée |
|---|---|---|
default |
|}}Default | Badge générique |
beta |
|}}Beta | Version beta |
alpha |
|}}Alpha | Version alpha |
new |
|}}New | Nouveau contenu |
stable |
|}}Stable | Version stable |
deprecated |
|}}Deprecated | Fonctionnalité obsolète |
wip |
|}}WIP | Travail en cours |
experimental |
|}}Experimental | Fonctionnalité expérimentale |
info |
|}}Info | Information |
warning |
|}}Warning | Avertissement |
success |
|}}Success | Succès/validation |
danger |
|}}Danger | Danger/erreur |
premium |
|}}Premium | Contenu premium |
dark |
|}}Dark | Thème sombre |
light |
|}}Light | Thème clair |
Exemples d'utilisation
Exemples de base
| Code | Résultat |
|---|---|
{{Badge|Beta}}
|
|}}Beta |
{{Badge|Alpha|type=alpha}}
|
|}}Alpha |
{{Badge|Nouveau|type=new}}
|
|}}Nouveau |
Avec icônes
| Code | Résultat |
|---|---|
{{Badge|Beta|type=beta|icon=flask}}
|
|}}Betaflask |
{{Badge|Nouveau|type=new|icon=star}}
|
|}}Nouveaustar |
{{Badge|WIP|type=wip|icon=hammer}}
|
|}}WIPhammer |
{{Badge|Premium|type=premium|icon=crown}}
|
|}}Premiumcrown |
Couleurs personnalisées
| Code | Résultat |
|---|---|
{{Badge|Custom|bg=#ff6b6b|color=white}}
|
|}}Custom |
{{Badge|Gradient|bg=linear-gradient(135deg, #667eea 0%, #764ba2 100%)|color=white}}
|
|}}Gradient |
{{Badge|Perso|bg=#06b6d4|color=white|icon=rocket}}
|
|}}Persorocket |
Dans les titres
= Minecraft RolePlay Géopolitique {{Badge|Beta|type=beta|icon=flask}} =
== Nouvelle fonctionnalité {{Badge|New|type=new|icon=star}} ==
== API {{Badge|Deprecated|type=deprecated|icon=ban}} ==
Combinaisons avancées
| Code | Résultat |
|---|---|
{{Badge|v2.0|type=stable|icon=check-circle}}
|
|}}v2.0check-circle |
{{Badge|⚠️ Test|type=warning|icon=triangle-exclamation}}
|
|}}⚠️ Testtriangle-exclamation |
{{Badge|✨ Premium|type=premium|icon=crown}}
|
|}}✨ Premiumcrown |
Icônes FontAwesome recommandées
Par type de badge
- Beta/Alpha :
flask,vial,microscope,code - New :
star,sparkles,fire,bolt - Stable :
check,shield-check,circle-check - Deprecated :
ban,xmark,trash - WIP :
hammer,wrench,gears,screwdriver-wrench - Experimental :
flask-vial,atom,robot - Info :
info-circle,lightbulb,circle-info - Warning :
triangle-exclamation,exclamation - Success :
check,thumbs-up,circle-check - Premium :
crown,gem,award,medal
Liste complète : FontAwesome Icons
Personnalisation avancée
Ajouter un nouveau preset
Éditez Modèle:Badge/styles.css et ajoutez :
.badge-montype {
background: linear-gradient(135deg, #COULEUR1 0%, #COULEUR2 100%);
color: white;
border: 1px solid rgba(255, 255, 255, 0.15);
}
Puis utilisez : {{Badge|Texte|type=montype}}
Modifier les couleurs existantes
Dans Modèle:Badge/styles.css, localisez le preset (ex: .badge-beta) et modifiez les valeurs de background et color.
Voir aussi
- Aide:Modèles - Aide sur les modèles
- FontAwesome Icons