Ce modèle crée un bouton cliquable stylisé avec icône/logo pointant vers n'importe quelle destination (réseaux sociaux, services externes, pages internes, plateformes de téléchargement, etc.).
Syntaxe
{{Button|link = URL du lien
|style = Style prédéfini (logo, couleur ou surface)
|image = Nom du fichier image personnalisé (optionnel)
|text = Texte affiché (optionnel)
|align = Alignement du bouton : left, right, center
|background = Couleur d'arrière-plan personnalisée (optionnel)
|size = Taille de l'image (défaut : x40px)
|height = Hauteur du bouton (ex : 30px, 56px) (optionnel)
|title = Texte du titre au survol (défaut : valeur de text)
|alt = Texte alternatif (défaut : valeur de text)
}}
Paramètres
Paramètre
Description
Requis
Défaut
link
URL complète ou relative
Oui
-
style
Style prédéfini : nom de logo (ex : discord), surface (surface-1 à surface-4), ou couleur générique (danger, success, etc.)
Non
(bleu progressif par défaut)
image
Nom du fichier image personnalisé (ex : "MonLogo.svg"). Si style est utilisé, le logo correspondant est automatiquement chargé.
Non
-
text
Texte affiché sur le bouton
Non
(vide)
align
Alignement du bouton sur la page : left, center, right
Non
(pleine largeur)
background
Couleur d'arrière-plan personnalisée (hex, rgb, nom CSS). Remplace le style prédéfini.
Non
(utilise style ou défaut)
size
Taille de l'image (format MediaWiki)
Non
x40px
height
Hauteur du bouton (ex : 30px, 56px). Utile pour les boutons sans logo.
Non
80px
title
Texte du titre HTML (infobulle au survol)
Non
valeur de text
alt
Texte alternatif pour l'accessibilité
Non
valeur de text
Message non défini
Styles prédéfinis
Surfaces adaptatives (s'adaptent au thème clair/sombre)
Style
Description
Exemple
surface-0
Surface de niveau 0 (la plus claire en mode clair, la plus foncée en mode sombre)
[# Surface 0]
surface-1
Surface de niveau 1
[# Surface 1]
surface-2
Surface de niveau 2
[# Surface 2]
surface-3
Surface de niveau 3
[# Surface 3]
surface-4
Surface de niveau 4 (la plus foncée en mode clair, la plus claire en mode sombre)
[# Surface 4]
Les surfaces utilisent les variables CSS du thème Citizen (--color-surface-X) et s'adaptent automatiquement au mode clair/sombre.
