« Modèle:Badge » : différence entre les versions

Navigation interactive dans l’historique

Dernière version du 4 février 2026 à 15:23

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

@@ 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}}};|}}"|}}>{{#if:{{{icon|}}}|<i class="fa-solid fa-{{{icon}}}"></i>|}}{{{1|Badge}}}</span><noinclude>
+<templatestyles src="Modèle:Badge/styles.css" /><span class="badge badge-{{{type|default}}}" {{#if:{{{bg|}}}|style="background: {{{bg}}}; {{#if:{{{color|}}}|color: {{{color}}};|}}"|}}>{{#if:{{{icon-before|}}}|{{#fas:{{{icon-before}}}}}|}}{{{1|Badge}}}{{#if:{{{icon|}}}|{{#fas:{{{icon}}}}}|}}</span><noinclude>
 {{Documentation}}
 [[Catégorie:Modèle de mise en forme]]
 </noinclude>