Modèle:Badge
De Nefald
Autres actions
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}}
|
Beta |
{{Badge|Nouveau|type=new|icon=star}}
|
Nouveau |
{{Badge|WIP|type=wip|icon=hammer}}
|
WIP |
{{Badge|Premium|type=premium|icon=crown}}
|
Premium |
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}}
|
Perso |
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.0 |
{{Badge|⚠️ Test|type=warning|icon=triangle-exclamation}}
|
⚠️ Test |
{{Badge|✨ Premium|type=premium|icon=crown}}
|
✨ Premium |
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