Basculer le menu
Changer de menu des préférences
Basculer le menu personnel
Non connecté(e)
Votre adresse IP sera visible au public si vous faites des modifications.

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

De Nefald
Hiob (discussion | contributions)
Page créée avec « <includeonly> <templatedata> { "description": { "fr": "Affiche un bandeau coloré avec icône FontAwesome, adapté au skin Citizen et au mode sombre.", "en": "Displays a colored banner with FontAwesome icon, adapted for Citizen skin and dark mode." }, "format": "inline", "params": { "1": { "label": { "fr": "Message", "en": "Message" }, "description": { "fr": "Le texte du message à afficher dans le ban... »
 
Hiob (discussion | contributions)
mAucun résumé des modifications
Ligne 1 : Ligne 1 :
<includeonly>
<templatedata>
<templatedata>
{
{
Ligne 6 : Ligne 5 :
     "en": "Displays a colored banner with FontAwesome icon, adapted for Citizen skin and dark mode."
     "en": "Displays a colored banner with FontAwesome icon, adapted for Citizen skin and dark mode."
   },
   },
   "format": "inline",
   "format": "block",
   "params": {
   "params": {
     "1": {
     "1": {
Ligne 18 : Ligne 17 :
       },
       },
       "type": "content",
       "type": "content",
       "required": false,
       "required": true,
       "aliases": ["texte"]
       "aliases": ["texte"],
      "example": "Ceci est un message important"
     },
     },
     "type": {
     "type": {
Ligne 33 : Ligne 33 :
       "required": false,
       "required": false,
       "default": "info",
       "default": "info",
      "suggested": true,
       "example": "attention",
       "example": "attention",
       "suggestedvalues": [
       "suggestedvalues": [
Ligne 80 : Ligne 79 :
       "required": false,
       "required": false,
       "example": "Important"
       "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>
</templatedata>
Ligne 101 : Ligne 87 :
== Utilisation ==
== 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>
<pre>
{{Bandeau|type=TYPE|VOTRE MESSAGE}}
{{Bandeau|type=attention|Message d'avertissement}}
</pre>
</pre>


=== Avec icône personnalisée ===
=== Avec icône personnalisée ===
<pre>
<pre>
{{Bandeau|type=TYPE|icone=NOM_ICONE|VOTRE MESSAGE}}
{{Bandeau|type=info|icone=map|Consultez la carte}}
</pre>
</pre>


=== Avec titre ===
=== Avec titre ===
<pre>
<pre>
{{Bandeau|type=TYPE|titre=TITRE|texte=VOTRE MESSAGE}}
{{Bandeau|type=warning|titre=Attention|Message important}}
</pre>
</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 ==


=== 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
Les témoins (''cookies'') nous aident à fournir nos services. En utilisant nos services, vous acceptez notre utilisation de témoins.