« Modèle:Bandeau/doc » : différence entre les versions

Navigation interactive dans l’historique

Version du 28 octobre 2025 à 07:35

Affiche un bandeau coloré avec icône FontAwesome, adapté au skin Citizen et au mode sombre.

Paramètres du modèle
La mise en forme multiligne est préférée pour ce modèle.
Paramètre		Description	Type	État
Type	`type`	Type de bandeau qui définit la couleur et l'icône par défaut Valeurs suggérées `info` `attention` `warning` `erreur` `error` `danger` `succes` `success` `note` `conseil` `tip` `construction` `important` `question` `nouveau` `new` `archive` Par défaut info Exemple attention	Chaîne	facultatif
Titre	`titre`	Titre optionnel affiché en gras au-dessus du message Exemple Important	Chaîne	facultatif
Icône	`icone`	Nom de l'icône FontAwesome sans le préfixe 'fa-' (ex: map, rocket, heart). Remplace l'icône par défaut du type. Exemple map	Chaîne	facultatif
Message	`1` `texte`	Le texte du message à afficher dans le bandeau Exemple Ceci est un message important	Contenu	obligatoire

Utilisation

Syntaxe minimale

{{Bandeau|Votre message ici}}

Avec type

{{Bandeau|type=attention|Message d'avertissement}}

Avec icône personnalisée

{{Bandeau|type=info|icone=map|Consultez la carte}}

Avec titre

{{Bandeau|type=warning|titre=Attention|Message important}}

Exemples

Message informatif simple

Attention à cette fonctionnalité

Opération réussie !

Astuce

Utilisez Ctrl+S pour sauvegarder

Types disponibles

info - Bleu (par défaut)
attention / warning - Orange
erreur / error / danger - Rouge
succes / success - Vert
note - Gris
conseil / tip - Violet
construction - Jaune
important - Rouge-orange
question - Bleu clair
nouveau / new - Cyan
archive - Marron

@@ Ligne 1 : / Ligne 1 : @@
-<includeonly>
 <templatedata>
 {
@@ Ligne 6 : / Ligne 5 : @@
      "en": "Displays a colored banner with FontAwesome icon, adapted for Citizen skin and dark mode."
    },
-   "format": "inline",
+   "format": "block",
    "params": {
      "1": {
@@ Ligne 18 : / Ligne 17 : @@
        },
        "type": "content",
-       "required": false,
+       "required": true,
-       "aliases": ["texte"]
+       "aliases": ["texte"],
+      "example": "Ceci est un message important"
      },
      "type": {
@@ Ligne 33 : / Ligne 33 : @@
        "required": false,
        "default": "info",
-      "suggested": true,
        "example": "attention",
        "suggestedvalues": [
@@ Ligne 80 : / Ligne 79 : @@
        "required": false,
        "example": "Important"
-    },
-    "texte": {
-      "label": {
-        "fr": "Texte",
-        "en": "Text"
-      },
-      "description": {
-        "fr": "Le texte du message (alternative au paramètre positionnel)",
-        "en": "The message text (alternative to positional parameter)"
-      },
-      "type": "content",
-      "required": false,
-      "deprecated": "Utilisez le paramètre 1 à la place"
      }
    },
-   "paramOrder": ["type", "icone", "titre", "1"]
+   "paramOrder": ["type", "titre", "icone", "1"]
 }
 </templatedata>
@@ Ligne 101 : / Ligne 87 : @@
 == Utilisation ==
-Ce modèle permet d'afficher des bandeaux colorés avec icônes FontAwesome, adaptés au skin Citizen et au mode sombre.
+=== Syntaxe minimale ===
+<pre>
-=== Syntaxe de base ===
+{{Bandeau|Votre message ici}}
+</pre>
+=== Avec type ===
 <pre>
-{{Bandeau|type=TYPE|VOTRE MESSAGE}}
+{{Bandeau|type=attention|Message d'avertissement}}
 </pre>
 === Avec icône personnalisée ===
 <pre>
-{{Bandeau|type=TYPE|icone=NOM_ICONE|VOTRE MESSAGE}}
+{{Bandeau|type=info|icone=map|Consultez la carte}}
 </pre>
 === Avec titre ===
 <pre>
-{{Bandeau|type=TYPE|titre=TITRE|texte=VOTRE MESSAGE}}
+{{Bandeau|type=warning|titre=Attention|Message important}}
 </pre>
-== Types disponibles ==
-{| class="wikitable"
-! Type !! Couleur !! Icône par défaut !! Exemple
-|-
-| <code>info</code> || Bleu || circle-info || {{Bandeau|type=info|Message informatif}}
-|-
-| <code>attention</code> / <code>warning</code> || Orange || triangle-exclamation || {{Bandeau|type=attention|Message d'avertissement}}
-|-
-| <code>erreur</code> / <code>error</code> / <code>danger</code> || Rouge || circle-xmark || {{Bandeau|type=erreur|Message d'erreur}}
-|-
-| <code>succes</code> / <code>success</code> || Vert || circle-check || {{Bandeau|type=succes|Message de succès}}
-|-
-| <code>note</code> || Gris || note-sticky || {{Bandeau|type=note|Note importante}}
-|-
-| <code>conseil</code> / <code>tip</code> || Violet || lightbulb || {{Bandeau|type=conseil|Conseil pratique}}
-|-
-| <code>construction</code> || Jaune || hammer || {{Bandeau|type=construction|En construction}}
-|-
-| <code>important</code> || Rouge-orange || star || {{Bandeau|type=important|Information importante}}
-|-
-| <code>question</code> || Bleu clair || circle-question || {{Bandeau|type=question|Avez-vous des questions ?}}
-|-
-| <code>nouveau</code> / <code>new</code> || Cyan || sparkles || {{Bandeau|type=nouveau|Nouvelle fonctionnalité}}
-|-
-| <code>archive</code> || Marron || box-archive || {{Bandeau|type=archive|Page archivée}}
-|}
 == Exemples ==
-=== Exemples basiques ===
+{{Bandeau|Message informatif simple}}
-{{Bandeau|type=info|Cette page est en cours de rédaction.}}
+{{Bandeau|type=attention|Attention à cette fonctionnalité}}
-{{Bandeau|type=attention|Attention, cette fonctionnalité est expérimentale !}}
+{{Bandeau|type=succes|icone=rocket|Opération réussie !}}
-{{Bandeau|type=erreur|Cette page a été supprimée.}}
+{{Bandeau|type=conseil|titre=Astuce|Utilisez Ctrl+S pour sauvegarder}}
-{{Bandeau|type=succes|La mise à jour a été effectuée avec succès.}}
+== Types disponibles ==
-=== Avec icônes personnalisées ===
-{{Bandeau|type=info|icone=map|Consultez la carte pour plus de détails.}}
-{{Bandeau|type=succes|icone=rocket|Le lancement a été un succès !}}
-{{Bandeau|type=attention|icone=clock|Le temps est limité pour cette offre.}}
-{{Bandeau|type=conseil|icone=wand-magic-sparkles|Utilisez cette astuce pour gagner du temps.}}
-=== Avec titres ===
-{{Bandeau|type=warning|titre=Maintenance programmée|Le wiki sera indisponible le 15 mars de 14h à 16h.}}
-{{Bandeau|type=nouveau|icone=fire|titre=🔥 Nouveauté|Découvrez la nouvelle interface utilisateur !}}
-== Icônes FontAwesome populaires ==
-Voici quelques icônes fréquemment utilisées ('''sans''' le préfixe <code>fa-</code>) :
-* '''Navigation''' : map, compass, location-dot, route, signs-post
-* '''Actions''' : download, upload, save, trash, edit, copy, share
-* '''Communication''' : envelope, comment, phone, bell, message
-* '''Objets''' : book, key, lock, shield, gear, tools, wrench
-* '''Symboles''' : heart, star, fire, gift, crown, gem, trophy
-* '''Tech''' : rocket, robot, wifi, plug, battery-full, laptop
-* '''Nature''' : leaf, tree, sun, moon, cloud, snowflake
-* '''Temps''' : clock, calendar, hourglass, stopwatch
-Recherchez plus d'icônes sur : https://fontawesome.com/search?o=r&m=free
-== Voir aussi ==
-* [https://fontawesome.com/icons Liste complète des icônes FontAwesome]
-* [[MediaWiki:Citizen.css]] - Personnalisation du skin Citizen
-[[Catégorie:Modèle de bandeau]]
+* '''info''' - Bleu (par défaut)
-</includeonlY>
+* '''attention''' / '''warning''' - Orange
-<noinclude>[[Catégorie:Documentation de modèle]]</noinclude>
+* '''erreur''' / '''error''' / '''danger''' - Rouge
+* '''succes''' / '''success''' - Vert
+* '''note''' - Gris
+* '''conseil''' / '''tip''' - Violet
+* '''construction''' - Jaune
+* '''important''' - Rouge-orange
+* '''question''' - Bleu clair
+* '''nouveau''' / '''new''' - Cyan
+* '''archive''' - Marron