https://wiki.nefald.fr/index.php?action=history&feed=atom&title=Mod%C3%A8le%3ABadge%2Fdoc
Modèle:Badge/doc - Historique des versions
2026-05-11T20:26:03Z
Historique des versions pour cette page sur le wiki
MediaWiki 1.43.6
https://wiki.nefald.fr/index.php?title=Mod%C3%A8le:Badge/doc&diff=4161&oldid=prev
Hiob : Page créée avec « Le modèle '''Badge''' permet d'ajouter des badges stylisés et personnalisables avec des icônes FontAwesome 7. == Syntaxe == <syntaxhighlight lang="wikitext"> {{Badge|Texte|type=TYPE|icon=ICON|bg=COULEUR|color=COULEUR_TEXTE}} </syntaxhighlight> == Paramètres == {| class="wikitable" ! Paramètre !! Description !! Valeurs !! Défaut |- | '''1''' || Texte du badge || Texte libre || <code>Badge</code> |- | '''type''' || Type de badge prédéfini || Voir #Pr... »
2026-02-04T14:25:14Z
<p>Page créée avec « Le modèle '''Badge''' permet d'ajouter des badges stylisés et personnalisables avec des icônes FontAwesome 7. == Syntaxe == <syntaxhighlight lang="wikitext"> {{Badge|Texte|type=TYPE|icon=ICON|bg=COULEUR|color=COULEUR_TEXTE}} </syntaxhighlight> == Paramètres == {| class="wikitable" ! Paramètre !! Description !! Valeurs !! Défaut |- | '''1''' || Texte du badge || Texte libre || <code>Badge</code> |- | '''type''' || Type de badge prédéfini || Voir #Pr... »</p>
<p><b>Nouvelle page</b></p><div>Le modèle '''Badge''' permet d'ajouter des badges stylisés et personnalisables avec des icônes FontAwesome 7.<br />
<br />
== Syntaxe ==<br />
<br />
<syntaxhighlight lang="wikitext"><br />
{{Badge|Texte|type=TYPE|icon=ICON|bg=COULEUR|color=COULEUR_TEXTE}}<br />
</syntaxhighlight><br />
<br />
== Paramètres ==<br />
<br />
{| class="wikitable"<br />
! Paramètre !! Description !! Valeurs !! Défaut<br />
|-<br />
| '''1''' || Texte du badge || Texte libre || <code>Badge</code><br />
|-<br />
| '''type''' || Type de badge prédéfini || Voir [[#Présets disponibles]] || <code>default</code><br />
|-<br />
| '''icon''' || Icône FontAwesome (nom sans <code>fa-</code>) || Ex: <code>flask</code>, <code>star</code> || Aucune<br />
|-<br />
| '''bg''' || Couleur de fond personnalisée || Code couleur CSS || Selon le type<br />
|-<br />
| '''color''' || Couleur du texte personnalisée || Code couleur CSS || Selon le type<br />
|}<br />
<br />
== Présets disponibles ==<br />
<br />
{| class="wikitable sortable"<br />
! Type !! Rendu !! Utilisation recommandée<br />
|-<br />
| <code>default</code> || {{Badge|Default}} || Badge générique<br />
|-<br />
| <code>beta</code> || {{Badge|Beta|type=beta}} || Version beta<br />
|-<br />
| <code>alpha</code> || {{Badge|Alpha|type=alpha}} || Version alpha<br />
|-<br />
| <code>new</code> || {{Badge|New|type=new}} || Nouveau contenu<br />
|-<br />
| <code>stable</code> || {{Badge|Stable|type=stable}} || Version stable<br />
|-<br />
| <code>deprecated</code> || {{Badge|Deprecated|type=deprecated}} || Fonctionnalité obsolète<br />
|-<br />
| <code>wip</code> || {{Badge|WIP|type=wip}} || Travail en cours<br />
|-<br />
| <code>experimental</code> || {{Badge|Experimental|type=experimental}} || Fonctionnalité expérimentale<br />
|-<br />
| <code>info</code> || {{Badge|Info|type=info}} || Information<br />
|-<br />
| <code>warning</code> || {{Badge|Warning|type=warning}} || Avertissement<br />
|-<br />
| <code>success</code> || {{Badge|Success|type=success}} || Succès/validation<br />
|-<br />
| <code>danger</code> || {{Badge|Danger|type=danger}} || Danger/erreur<br />
|-<br />
| <code>premium</code> || {{Badge|Premium|type=premium}} || Contenu premium<br />
|-<br />
| <code>dark</code> || {{Badge|Dark|type=dark}} || Thème sombre<br />
|-<br />
| <code>light</code> || {{Badge|Light|type=light}} || Thème clair<br />
|}<br />
<br />
== Exemples d'utilisation ==<br />
<br />
=== Exemples de base ===<br />
<br />
{| class="wikitable"<br />
! Code !! Résultat<br />
|-<br />
| <code><nowiki>{{Badge|Beta}}</nowiki></code><br />
| {{Badge|Beta}}<br />
|-<br />
| <code><nowiki>{{Badge|Alpha|type=alpha}}</nowiki></code><br />
| {{Badge|Alpha|type=alpha}}<br />
|-<br />
| <code><nowiki>{{Badge|Nouveau|type=new}}</nowiki></code><br />
| {{Badge|Nouveau|type=new}}<br />
|}<br />
<br />
=== Avec icônes ===<br />
<br />
{| class="wikitable"<br />
! Code !! Résultat<br />
|-<br />
| <code><nowiki>{{Badge|Beta|type=beta|icon=flask}}</nowiki></code><br />
| {{Badge|Beta|type=beta|icon=flask}}<br />
|-<br />
| <code><nowiki>{{Badge|Nouveau|type=new|icon=star}}</nowiki></code><br />
| {{Badge|Nouveau|type=new|icon=star}}<br />
|-<br />
| <code><nowiki>{{Badge|WIP|type=wip|icon=hammer}}</nowiki></code><br />
| {{Badge|WIP|type=wip|icon=hammer}}<br />
|-<br />
| <code><nowiki>{{Badge|Premium|type=premium|icon=crown}}</nowiki></code><br />
| {{Badge|Premium|type=premium|icon=crown}}<br />
|}<br />
<br />
=== Couleurs personnalisées ===<br />
<br />
{| class="wikitable"<br />
! Code !! Résultat<br />
|-<br />
| <code><nowiki>{{Badge|Custom|bg=#ff6b6b|color=white}}</nowiki></code><br />
| {{Badge|Custom|bg=#ff6b6b|color=white}}<br />
|-<br />
| <code><nowiki>{{Badge|Gradient|bg=linear-gradient(135deg, #667eea 0%, #764ba2 100%)|color=white}}</nowiki></code><br />
| {{Badge|Gradient|bg=linear-gradient(135deg, #667eea 0%, #764ba2 100%)|color=white}}<br />
|-<br />
| <code><nowiki>{{Badge|Perso|bg=#06b6d4|color=white|icon=rocket}}</nowiki></code><br />
| {{Badge|Perso|bg=#06b6d4|color=white|icon=rocket}}<br />
|}<br />
<br />
=== Dans les titres ===<br />
<br />
<pre><br />
= Minecraft RolePlay Géopolitique {{Badge|Beta|type=beta|icon=flask}} =<br />
<br />
== Nouvelle fonctionnalité {{Badge|New|type=new|icon=star}} ==<br />
<br />
== API {{Badge|Deprecated|type=deprecated|icon=ban}} ==<br />
</pre><br />
<br />
=== Combinaisons avancées ===<br />
<br />
{| class="wikitable"<br />
! Code !! Résultat<br />
|-<br />
| <code><nowiki>{{Badge|v2.0|type=stable|icon=check-circle}}</nowiki></code><br />
| {{Badge|v2.0|type=stable|icon=check-circle}}<br />
|-<br />
| <code><nowiki>{{Badge|⚠️ Test|type=warning|icon=triangle-exclamation}}</nowiki></code><br />
| {{Badge|⚠️ Test|type=warning|icon=triangle-exclamation}}<br />
|-<br />
| <code><nowiki>{{Badge|✨ Premium|type=premium|icon=crown}}</nowiki></code><br />
| {{Badge|✨ Premium|type=premium|icon=crown}}<br />
|}<br />
<br />
== Icônes FontAwesome recommandées ==<br />
<br />
=== Par type de badge ===<br />
<br />
* '''Beta/Alpha''' : <code>flask</code>, <code>vial</code>, <code>microscope</code>, <code>code</code><br />
* '''New''' : <code>star</code>, <code>sparkles</code>, <code>fire</code>, <code>bolt</code><br />
* '''Stable''' : <code>check</code>, <code>shield-check</code>, <code>circle-check</code><br />
* '''Deprecated''' : <code>ban</code>, <code>xmark</code>, <code>trash</code><br />
* '''WIP''' : <code>hammer</code>, <code>wrench</code>, <code>gears</code>, <code>screwdriver-wrench</code><br />
* '''Experimental''' : <code>flask-vial</code>, <code>atom</code>, <code>robot</code><br />
* '''Info''' : <code>info-circle</code>, <code>lightbulb</code>, <code>circle-info</code><br />
* '''Warning''' : <code>triangle-exclamation</code>, <code>exclamation</code><br />
* '''Success''' : <code>check</code>, <code>thumbs-up</code>, <code>circle-check</code><br />
* '''Premium''' : <code>crown</code>, <code>gem</code>, <code>award</code>, <code>medal</code><br />
<br />
Liste complète : [https://fontawesome.com/search?o=r&m=free&s=solid FontAwesome Icons]<br />
<br />
== Personnalisation avancée ==<br />
<br />
=== Ajouter un nouveau preset ===<br />
<br />
Éditez [[Modèle:Badge/styles.css]] et ajoutez :<br />
<br />
<syntaxhighlight lang="css"><br />
.badge-montype {<br />
background: linear-gradient(135deg, #COULEUR1 0%, #COULEUR2 100%);<br />
color: white;<br />
border: 1px solid rgba(255, 255, 255, 0.15);<br />
}<br />
</syntaxhighlight><br />
<br />
Puis utilisez : <code><nowiki>{{Badge|Texte|type=montype}}</nowiki></code><br />
<br />
=== Modifier les couleurs existantes ===<br />
<br />
Dans [[Modèle:Badge/styles.css]], localisez le preset (ex: <code>.badge-beta</code>) et modifiez les valeurs de <code>background</code> et <code>color</code>.<br />
<br />
== Voir aussi ==<br />
<br />
* [[Aide:Modèles]] - Aide sur les modèles<br />
* [https://fontawesome.com/icons FontAwesome Icons]</div>
Hiob