Modèle:Bandeau
Autres actions
== Description ==
Le modèle Bandeau permet d'afficher des messages d'information mis en évidence avec une icône et des couleurs adaptées au type de message. Optimisé pour le skin Citizen avec support du mode sombre.
Utilisation
Syntaxe de base
{{Bandeau|Votre message}}
Avec paramètres
{{Bandeau
|type=attention
|titre=Titre du bandeau
|Message du bandeau
}}
Paramètres
- type
- Type de bandeau qui détermine la couleur et l'icône par défaut. Voir la liste des types ci-dessous.
- Optionnel, défaut :
info
- titre
- Titre affiché en gras au-dessus du message principal.
- Optionnel
- icone
- Nom de l'icône FontAwesome à utiliser (sans le préfixe "fa-"). Remplace l'icône par défaut du type.
- Optionnel
- 1 (paramètre anonyme)
- Le message principal à afficher dans le bandeau.
- Requis
Types disponibles
| Type | Couleur | Icône par défaut | Usage |
|---|---|---|---|
info |
Bleu | circle-info | Messages informatifs généraux |
attentionwarning |
Orange | triangle-exclamation | Avertissements, points d'attention |
erreurerrordanger |
Rouge | circle-xmark | Erreurs, dangers, interdictions |
successuccess |
Vert | circle-check | Confirmations, opérations réussies |
note |
Gris | note-sticky | Notes simples, remarques neutres |
conseiltip |
Violet | lightbulb | Conseils, astuces, recommandations |
construction |
Jaune-orange | hammer | Pages en construction, travaux en cours |
important |
Rouge foncé | star | Informations importantes à ne pas manquer |
question |
Cyan | circle-question | Questions, aide, interrogations |
nouveaunew |
Vert lime | sparkles | Nouvelles fonctionnalités, contenu récent |
archive |
Marron | box-archive | Contenu archivé, obsolète |
Exemples
Bandeau simple
{{Bandeau|Ceci est un message informatif simple}}
Bandeau avec titre
{{Bandeau|type=attention|titre=Attention|N'oubliez pas de sauvegarder vos modifications}}
Bandeau de succès
{{Bandeau|type=succes|titre=Opération réussie !|Votre page a été créée avec succès}}
Bandeau avec icône personnalisée
{{Bandeau|type=info|icone=map|titre=Localisation|Consultez la carte pour plus de détails}}
Conseil pratique
{{Bandeau|type=conseil|titre=Astuce|Utilisez Ctrl+S pour sauvegarder rapidement}}
Page en construction
{{Bandeau|type=construction|titre=Travaux en cours|Cette page est actuellement en cours de rédaction}}
Message important
{{Bandeau|type=important|titre=À lire absolument|Les règles ont été modifiées le 15 janvier 2025}}
Erreur ou danger
{{Bandeau|type=danger|titre=Action irréversible|Cette opération supprimera définitivement les données}}
Question ou aide
{{Bandeau|type=question|titre=Besoin d'aide ?|Consultez la [[Aide:Sommaire|page d'aide]] pour plus d'informations}}
Nouveau contenu
{{Bandeau|type=nouveau|titre=Nouveauté|Cette fonctionnalité a été ajoutée le 20 janvier 2025}}
Contenu archivé
{{Bandeau|type=archive|titre=Archivé|Ce guide concerne une ancienne version du serveur}}
Icônes FontAwesome
Le modèle utilise FontAwesome pour les icônes. Vous pouvez utiliser n'importe quelle icône disponible dans la bibliothèque.
Quelques exemples d'icônes populaires :
book- Livremap- Carteshield- Bouclierusers- Utilisateursgear- Engrenage/paramètresrocket- Fuséeheart- Cœurclock- Horlogedownload- Téléchargementupload- Upload
Consultez la liste complète des icônes gratuites pour plus d'options.
Caractéristiques techniques
- Responsive : S'adapte automatiquement aux petits écrans
- Mode sombre : Couleurs optimisées pour le thème sombre de Citizen
- Accessibilité : Contraste suffisant pour une bonne lisibilité
- Performance : Utilise TemplateStyles pour un chargement optimisé
- Icône centrée : L'icône est centrée verticalement pour s'adapter aux bandeaux de différentes hauteurs
Voir aussi
- Modèle:Info - Boîte d'information
- Modèle:Avertissement - Messages d'avertissement spécifiques
- Aide:Modèles - Guide d'utilisation des modèles
Erreur de script : le module « TemplateData » n’existe pas.
Affiche un bandeau coloré avec icône pour mettre en évidence des messages importants
| Paramètre | Description | Type | État | |
|---|---|---|---|---|
| Message | 1 | Le texte principal à afficher dans le bandeau | Contenu | obligatoire |
| Type | type | Type de bandeau (info, attention, erreur, succes, note, conseil, construction, important, question, nouveau, archive)
| Chaîne | facultatif |
| Titre | titre | Titre optionnel affiché en gras au-dessus du message | Chaîne | facultatif |
| Icône | icone | Nom de l'icône FontAwesome (sans 'fa-'). Remplace l'icône par défaut du type
| Chaîne | facultatif |