Modèle:Button/doc

Ligne 1 :

== Utilisation ==

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.)~~. Le lien est cliquable sur toute la surface du bouton~~.

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 ===

Ligne 7 :

Ligne 8 :

{{ButtonLink

|link = URL du lien

~~|text = Texte affiché (optionnel)~~

|image = Nom du fichier image (avec extension)

~~|logo = Nom du preset (couleur + logo par défaut)~~

|align = Alignement du bouton : left, right, center

|image = Nom du fichier image ~~personnalisé (remplace le logo du preset)~~

|text = Texte affiché (optionnel)

~~|position = Position de l'image : center~~ (~~défaut~~)~~, left, right~~

|color = Nom de couleur prédéfinie (optionnel)

|align = Alignement du bouton ~~sur la page~~ : left, center~~, right~~

|bg = Couleur d'arrière-plan personnalisée (optionnel, remplace color)

|~~size~~ = ~~Taille~~ de ~~l'image~~ (~~défaut : x80px~~)

|size = Taille de l'image (défaut : x40px)

|~~background~~ = Couleur d'arrière-plan personnalisée (remplace ~~la couleur du preset~~)

|title = Texte du titre au survol (défaut : valeur de text)

|~~image-background~~ = ~~Couleur de fond~~ de l'image (~~utile pour QR codes~~)

|alt = Texte alternatif (défaut : valeur de text)

|~~noimage~~ = ~~oui pour masquer l'image~~

|alt = Texte alternatif (défaut : valeur de text)

}}

</syntaxhighlight>

Ligne 28 :

Ligne 27 :

| '''link''' || URL complète ou relative || Oui || -

|-

~~| '''text''' || Texte affiché dans le bouton || Non || (vide)~~

| '''image''' || Nom du fichier image (ex : "Discord-Logo-White.svg") || Non || -

|-

~~| '''logo''' || Nom du preset prédéfini (ex : "discord", "github", "helloasso") || Non || gray~~

|-

| '''image''' || Nom du fichier image ~~personnalisé~~ (ex : "~~Custom~~-Logo.svg") || Non || ~~Logo du preset ou ButtonLink~~-~~gray.svg~~

|-

| '''~~position~~''' || ~~Position de l'image : "center" (au-dessus), "left" (à gauche), "right" (à droite)~~ || Non || ~~center~~

| '''align''' || Alignement du bouton sur la page || Non || (vide)

|-

| '''~~align~~''' || ~~Alignement du bouton sur la page : "left", "center", "right"~~ || Non || (vide)

| '''text''' || Texte affiché sous le logo || Non || (vide)

|-

| '''~~size~~''' || ~~Taille~~ de ~~l'image (format MediaWiki)~~ || Non || ~~x80px~~

| '''color''' || Nom de couleur prédéfinie || Non || gray

|-

| '''~~background~~''' || Couleur d'arrière-plan personnalisée (hex, rgb, ~~gradient~~) || Non || (utilise ~~la couleur du preset~~)

| '''bg''' || Couleur d'arrière-plan personnalisée (hex, rgb, nom) || Non || (utilise color ou défaut)

|-

| '''~~image-background~~''' || ~~Couleur~~ de ~~fond derrière~~ l'image (~~utile pour QR codes~~) || Non || ~~transparent~~

| '''size''' || Taille de l'image (format MediaWiki) || Non || x40px

|-

| '''~~noimage~~''' || ~~Mettre "oui" pour masquer complètement l'image~~ || Non || ~~(vide)~~

| '''title''' || Texte du titre HTML (infobulle au survol) || Non || valeur de '''text'''

|-

| '''alt''' || Texte alternatif pour l'accessibilité || Non || valeur de '''text'''

Ligne 51 :

Ligne 46 :

{{Bandeau|type=astuce

|

* ~~Le paramètre~~ '''~~logo~~''' ~~définit automatiquement la couleur~~ du ~~bouton ET l'image par défaut~~

* Lorsque '''color''' est spécifié, le logo du site choisi sera affiché.

* '''~~image~~''' ~~permet de remplacer le logo par défaut tout en gardant la couleur du preset~~

* Si '''color''' et '''bg''' sont tous deux spécifiés, '''bg''' est prioritaire.}}

* '''~~background~~''' ~~remplace complètement la couleur du preset~~

* '''~~image-background~~''' ~~ajoute un fond blanc/coloré derrière l~~'~~image (idéal pour QR codes)~~

}}

== ~~Presets disponibles (logo=)~~ ==

== Couleurs prédéfinies ==

=== Réseaux sociaux ===

Ligne 64 :

Ligne 56 :

! Code !! Plateforme !! Couleur !! Exemple

|-

| <code>discord</code> || Discord || ~~Violet~~ (#5865f2) || {{ButtonLink|link=https://wiki.nefald.fr/|~~logo~~=discord}}

| <code>discord</code> || Discord || violet (#5865f2) || {{ButtonLink|link=https://wiki.nefald.fr/|color=discord}}

|-

| <code>twitter</code> || Twitter/X || Bleu (#1da1f2) || {{ButtonLink|link=https://wiki.nefald.fr/|~~logo~~=twitter}}

| <code>twitter</code> || Twitter/X || Bleu (#1da1f2) || {{ButtonLink|link=https://wiki.nefald.fr/|color=twitter}}

|-

| <code>youtube</code> || YouTube || Rouge (#ff0000) || {{ButtonLink|link=https://wiki.nefald.fr/|~~logo~~=youtube}}

| <code>youtube</code> || YouTube || Rouge (#ff0000) || {{ButtonLink|link=https://wiki.nefald.fr/|color=youtube}}

|-

| <code>twitch</code> || Twitch || Violet (#9146ff) || {{ButtonLink|link=https://wiki.nefald.fr/|~~logo~~=twitch}}

| <code>twitch</code> || Twitch || Violet (#9146ff) || {{ButtonLink|link=https://wiki.nefald.fr/|color=twitch}}

|-

| <code>reddit</code> || Reddit || Orange (#ff4500) || {{ButtonLink|link=https://wiki.nefald.fr/|~~logo~~=reddit}}

| <code>reddit</code> || Reddit || Orange (#ff4500) || {{ButtonLink|link=https://wiki.nefald.fr/|color=reddit}}

|-

| <code>mastodon</code> || Mastodon || Violet (#6364ff) || {{ButtonLink|link=https://wiki.nefald.fr/|~~logo~~=mastodon}}

| <code>mastodon</code> || Mastodon || Violet (#6364ff) || {{ButtonLink|link=https://wiki.nefald.fr/|color=mastodon}}

|-

| <code>bluesky</code> || Bluesky || Bleu (#0085ff) || {{ButtonLink|link=https://wiki.nefald.fr/|~~logo~~=bluesky}}

| <code>bluesky</code> || Bluesky || Bleu (#0085ff) || {{ButtonLink|link=https://wiki.nefald.fr/|color=bluesky}}

|-

| <code>linkedin</code> || LinkedIn || Bleu (#0077b5) || {{ButtonLink|link=https://wiki.nefald.fr/|~~logo~~=linkedin}}

| <code>linkedin</code> || LinkedIn || Bleu (#0077b5) || {{ButtonLink|link=https://wiki.nefald.fr/|color=linkedin}}

|-

| <code>facebook</code> || Facebook || Bleu (#1877f2) || {{ButtonLink|link=https://wiki.nefald.fr/|~~logo~~=facebook}}

| <code>facebook</code> || Facebook || Bleu (#1877f2) || {{ButtonLink|link=https://wiki.nefald.fr/|color=facebook}}

|-

| <code>instagram</code> || Instagram || Dégradé || {{ButtonLink|link=https://wiki.nefald.fr/|~~logo~~=instagram}}

| <code>instagram</code> || Instagram || Dégradé || {{ButtonLink|link=https://wiki.nefald.fr/|color=instagram}}

|-

| <code>tiktok</code> || TikTok || Noir (#000000) || {{ButtonLink|link=https://wiki.nefald.fr/|~~logo~~=tiktok}}

| <code>tiktok</code> || TikTok || Noir (#000000) || {{ButtonLink|link=https://wiki.nefald.fr/|color=tiktok}}

|-

| <code>snapchat</code> || Snapchat || Jaune (#fffc00) || {{ButtonLink|link=https://wiki.nefald.fr/|~~logo~~=snapchat}}

| <code>snapchat</code> || Snapchat || Jaune (#fffc00) || {{ButtonLink|link=https://wiki.nefald.fr/|color=snapchat}}

|-

| <code>threads</code> || Threads || Noir (#000000) || {{ButtonLink|link=https://wiki.nefald.fr/|~~logo~~=threads}}

| <code>threads</code> || Threads || Noir (#000000) || {{ButtonLink|link=https://wiki.nefald.fr/|color=threads}}

|}

Ligne 96 :

Ligne 88 :

! Code !! Plateforme !! Couleur !! Exemple

|-

| <code>stackoverflow</code> || Stack Overflow || Noir (#252627) || {{ButtonLink|link=https://wiki.nefald.fr/|~~logo~~=stackoverflow}}

| <code>stackoverflow</code> || Stack Overflow || Noir (#252627) || {{ButtonLink|link=https://wiki.nefald.fr/|color=stackoverflow}}

|-

| <code>npm</code> || npm || Rouge (#cb3837) || {{ButtonLink|link=https://wiki.nefald.fr/|~~logo~~=npm}}

| <code>npm</code> || npm || Rouge (#cb3837) || {{ButtonLink|link=https://wiki.nefald.fr/|color=npm}}

|-

| <code>pypi</code> || PyPI || Bleu (#3775a9) || {{ButtonLink|link=https://wiki.nefald.fr/|~~logo~~=pypi}}

| <code>pypi</code> || PyPI || Bleu (#3775a9) || {{ButtonLink|link=https://wiki.nefald.fr/|color=pypi}}

|-

| <code>docker</code> || Docker || Bleu (#2496ed) || {{ButtonLink|link=https://wiki.nefald.fr/|~~logo~~=docker}}

| <code>docker</code> || Docker || Bleu (#2496ed) || {{ButtonLink|link=https://wiki.nefald.fr/|color=docker}}

|-

| <code>kubernetes</code> || Kubernetes || Bleu (#326ce5) || {{ButtonLink|link=https://wiki.nefald.fr/|~~logo~~=kubernetes}}

| <code>kubernetes</code> || Kubernetes || Bleu (#326ce5) || {{ButtonLink|link=https://wiki.nefald.fr/|color=kubernetes}}

|-

| <code>codepen</code> || CodePen || Blanc (#ffffff) || {{ButtonLink|link=https://wiki.nefald.fr/|~~logo~~=codepen}}

| <code>codepen</code> || CodePen || Blanc (#ffffff) || {{ButtonLink|link=https://wiki.nefald.fr/|color=codepen}}

|-

| <code>gitlab</code> || GitLab || Orange (#fc6f23) || {{ButtonLink|link=https://wiki.nefald.fr/|~~logo~~=gitlab}}

| <code>gitlab</code> || GitLab || Orange (#fc6f23) || {{ButtonLink|link=https://wiki.nefald.fr/|color=gitlab}}

|-

| <code>github</code> || GitHub || Sombre (#24292e) || {{ButtonLink|link=https://wiki.nefald.fr/|~~logo~~=github}}

| <code>github</code> || GitHub || Sombre (#24292e) || {{ButtonLink|link=https://wiki.nefald.fr/|color=github}}

|}

Ligne 118 :

Ligne 110 :

! Code !! Plateforme !! Couleur !! Exemple

|-

| <code>buymeacoffee</code> || Buy Me a Coffee || Jaune (#ffdd00) || {{ButtonLink|link=https://wiki.nefald.fr/|~~logo~~=buymeacoffee}}

| <code>buymeacoffee</code> || Buy Me a Coffee || Jaune (#ffdd00) || {{ButtonLink|link=https://wiki.nefald.fr/|color=buymeacoffee}}

|-

| <code>helloasso</code> || HelloAsso || Violet (#4C40CF) || {{ButtonLink|link=https://wiki.nefald.fr/|~~logo~~=helloasso}}

| <code>helloasso</code> || HelloAsso || Violet (#4C40CF) || {{ButtonLink|link=https://wiki.nefald.fr/|color=helloasso}}

|-

| <code>kofi</code> || Ko-fi || Rouge (#ff5e5b) || {{ButtonLink|link=https://wiki.nefald.fr/|~~logo~~=kofi}}

| <code>kofi</code> || Ko-fi || Rouge (#ff5e5b) || {{ButtonLink|link=https://wiki.nefald.fr/|color=kofi}}

|-

| <code>liberapay</code> || Liberapay || Jaune (#f6c915) || {{ButtonLink|link=https://wiki.nefald.fr/|~~logo~~=liberapay}}

| <code>liberapay</code> || Liberapay || Jaune (#f6c915) || {{ButtonLink|link=https://wiki.nefald.fr/|color=liberapay}}

|-

| <code>opencollective</code> || Open Collective || Bleu (#7fadf2) || {{ButtonLink|link=https://wiki.nefald.fr/|~~logo~~=opencollective}}

| <code>opencollective</code> || Open Collective || Bleu (#7fadf2) || {{ButtonLink|link=https://wiki.nefald.fr/|color=opencollective}}

|-

| <code>patreon</code> || Patreon || Rouge (#ff424d) || {{ButtonLink|link=https://wiki.nefald.fr/|~~logo~~=patreon}}

| <code>patreon</code> || Patreon || Rouge (#ff424d) || {{ButtonLink|link=https://wiki.nefald.fr/|color=patreon}}

|-

| <code>stripe</code> || Stripe || Violet (#635BFF) || {{ButtonLink|link=https://wiki.nefald.fr/|~~logo~~=stripe}}

| <code>stripe</code> || Stripe || Violet (#635BFF) || {{ButtonLink|link=https://wiki.nefald.fr/|color=stripe}}

|}

Ligne 138 :

Ligne 130 :

! Code !! Plateforme !! Couleur !! Exemple

|-

| <code>modrinth</code> || Modrinth || Vert (#1bd96a) || {{ButtonLink|link=https://wiki.nefald.fr/|~~logo~~=modrinth}}

| <code>modrinth</code> || Modrinth || Vert (#1bd96a) || {{ButtonLink|link=https://wiki.nefald.fr/|color=modrinth}}

|-

| <code>curseforge</code> || CurseForge || Orange (#f16436) || {{ButtonLink|link=https://wiki.nefald.fr/|~~logo~~=curseforge}}

| <code>curseforge</code> || CurseForge || Orange (#f16436) || {{ButtonLink|link=https://wiki.nefald.fr/|color=curseforge}}

|-

| <code>hangar</code> || Hangar || Bleu (#0d6efd) || {{ButtonLink|link=https://wiki.nefald.fr/|~~logo~~=hangar}}

| <code>hangar</code> || Hangar || Bleu (#0d6efd) || {{ButtonLink|link=https://wiki.nefald.fr/|color=hangar}}

|-

| <code>spigotmc</code> / <code>spigot</code> || SpigotMC || Jaune (#f7c03e) || {{ButtonLink|link=https://wiki.nefald.fr/|~~logo~~=spigot}}

| <code>spigotmc</code> / <code>spigot</code> || SpigotMC || Jaune (#f7c03e) || {{ButtonLink|link=https://wiki.nefald.fr/|color=spigot}}

|-

| <code>bukkit</code> || Bukkit || Orange (#f89a1e) || {{ButtonLink|link=https://wiki.nefald.fr/|~~logo~~=bukkit}}

| <code>bukkit</code> || Bukkit || Orange (#f89a1e) || {{ButtonLink|link=https://wiki.nefald.fr/|color=bukkit}}

|-

| <code>paper</code> || PaperMC || Bleu (#1a8cff) || {{ButtonLink|link=https://wiki.nefald.fr/|~~logo~~=paper}}

| <code>paper</code> / <code>paper</code> || PaperMC || Bleu (#1a8cff) || {{ButtonLink|link=https://wiki.nefald.fr/|color=paper}}

|-

| <code>purpur</code> || Purpur || Violet (#a855f7) || {{ButtonLink|link=https://wiki.nefald.fr/|~~logo~~=purpur}}

| <code>purpur</code> || Purpur || Violet (#a855f7) || {{ButtonLink|link=https://wiki.nefald.fr/|color=purpur}}

|-

| <code>polymart</code> || Polymart || Rose (#ec4899) || {{ButtonLink|link=https://wiki.nefald.fr/|~~logo~~=polymart}}

| <code>polymart</code> || Polymart || Rose (#ec4899) || {{ButtonLink|link=https://wiki.nefald.fr/|color=polymart}}

|-

| <code>github-releases</code> || GitHub Releases || Vert (#238636) || {{ButtonLink|link=https://wiki.nefald.fr/|~~logo~~=github-releases}}

| <code>github-releases</code> || GitHub Releases || Vert (#238636) || {{ButtonLink|link=https://wiki.nefald.fr/|color=github-releases}}

|-

| <code>jenkins</code> || Jenkins || Rouge (#d24939) || {{ButtonLink|link=https://wiki.nefald.fr/|~~logo~~=jenkins}}

| <code>jenkins</code> || Jenkins || Rouge (#d24939) || {{ButtonLink|link=https://wiki.nefald.fr/|color=jenkins}}

|-

| <code>maven</code> || Maven || Rouge (#c71a36) || {{ButtonLink|link=https://wiki.nefald.fr/|~~logo~~=maven}}

| <code>maven</code> || Maven || Rouge (#c71a36) || {{ButtonLink|link=https://wiki.nefald.fr/|color=maven}}

|}

Ligne 166 :

Ligne 158 :

! Code !! Plateforme !! Couleur !! Exemple

|-

| <code>minecraft</code> || Minecraft || Vert (#62b47a) || {{ButtonLink|link=https://wiki.nefald.fr/|~~logo~~=minecraft}}

| <code>minecraft</code> || Minecraft || Vert (#62b47a) || {{ButtonLink|link=https://wiki.nefald.fr/|color=minecraft}}

|-

| <code>forge</code> || Forge || Bleu foncé (#1e2c42) || {{ButtonLink|link=https://wiki.nefald.fr/|~~logo~~=forge}}

| <code>forge</code> || Forge || Bleu foncé (#1e2c42) || {{ButtonLink|link=https://wiki.nefald.fr/|color=forge}}

|-

| <code>fabric</code> || Fabric || Beige (#dbd3c8) || {{ButtonLink|link=https://wiki.nefald.fr/|~~logo~~=fabric}}

| <code>fabric</code> || Fabric || Beige (#dbd3c8) || {{ButtonLink|link=https://wiki.nefald.fr/|color=fabric}}

|-

| <code>quilt</code> || Quilt || Violet (#8b5cf6) || {{ButtonLink|link=https://wiki.nefald.fr/|~~logo~~=quilt}}

| <code>quilt</code> || Quilt || Violet (#8b5cf6) || {{ButtonLink|link=https://wiki.nefald.fr/|color=quilt}}

|-

| <code>neoforge</code> || NeoForge || Orange (#ff6b35) || {{ButtonLink|link=https://wiki.nefald.fr/|~~logo~~=neoforge}}

| <code>neoforge</code> || NeoForge || Orange (#ff6b35) || {{ButtonLink|link=https://wiki.nefald.fr/|color=neoforge}}

|}

Ligne 182 :

Ligne 174 :

! Code !! Plateforme !! Couleur !! Exemple

|-

| <code>velocity</code> || Velocity || Bleu (#3fa9f5) || {{ButtonLink|link=https://wiki.nefald.fr/|~~logo~~=velocity}}

| <code>velocity</code> || Velocity || Bleu (#3fa9f5) || {{ButtonLink|link=https://wiki.nefald.fr/|color=velocity}}

|-

| <code>waterfall</code> || Waterfall || Bleu (#0088ff) || {{ButtonLink|link=https://wiki.nefald.fr/|~~logo~~=waterfall}}

| <code>waterfall</code> || Waterfall || Bleu (#0088ff) || {{ButtonLink|link=https://wiki.nefald.fr/|color=waterfall}}

|-

| <code>bungeecord</code> || BungeeCord || Jaune (#ffcc00) || {{ButtonLink|link=https://wiki.nefald.fr/|~~logo~~=bungeecord}}

| <code>bungeecord</code> || BungeeCord || Jaune (#ffcc00) || {{ButtonLink|link=https://wiki.nefald.fr/|color=bungeecord}}

|-

| <code>sponge</code> || Sponge || Jaune (#f7cf0d) || {{ButtonLink|link=https://wiki.nefald.fr/|~~logo~~=sponge}}

| <code>sponge</code> || Sponge || Jaune (#f7cf0d) || {{ButtonLink|link=https://wiki.nefald.fr/|color=sponge}}

|}

Ligne 196 :

Ligne 188 :

! Code !! Plateforme !! Couleur !! Exemple

|-

| <code>ftb</code> / <code>feed-the-beast</code> || Feed The Beast || Violet (#8e44ad) || {{ButtonLink|link=https://wiki.nefald.fr/|~~logo~~=ftb}}

| <code>ftb</code> / <code>feed-the-beast</code> || Feed The Beast || Violet (#8e44ad) || {{ButtonLink|link=https://wiki.nefald.fr/|color=ftb}}

|-

| <code>technic</code> || Technic Pack || Rouge (#e74c3c) || {{ButtonLink|link=https://wiki.nefald.fr/|~~logo~~=technic}}

| <code>technic</code> || Technic Pack || Rouge (#e74c3c) || {{ButtonLink|link=https://wiki.nefald.fr/|color=technic}}

|-

| <code>atlauncher</code> || ATLauncher || Bleu (#3498db) || {{ButtonLink|link=https://wiki.nefald.fr/|~~logo~~=atlauncher}}

| <code>atlauncher</code> || ATLauncher || Bleu (#3498db) || {{ButtonLink|link=https://wiki.nefald.fr/|color=atlauncher}}

|}

Ligne 241 :

Ligne 233 :

== Exemples ==

=== Usage basique ~~(avec preset)~~ ===

=== Usage basique ===

<pre>

{{ButtonLink

|link = https://nfald.fr/discord

|text = Rejoignez notre ~~Discord~~

|text = Rejoignez notre communauté

|~~logo~~ = discord

|color = discord

}}

</pre>

{{ButtonLink

|link = https://nfald.fr/discord

|text = Rejoignez notre Discord

|~~logo~~ = discord

|color = discord

}}

Ligne 261 :

Ligne 253 :

<pre>

{{ButtonLink

|link = https://github.com/nefald

|~~logo~~ = github

|color = github

}}

~~</pre>~~

~~{{ButtonLink~~

~~|link = https://github.com/nefald~~

~~|logo = github~~

}}

~~=== Image à gauche du texte ===~~

~~<pre>~~

~~{{ButtonLink~~

~~|link = https://www.helloasso.com/associations/nefald~~

~~|text = Faire un don~~

~~|logo = helloasso~~

~~|position = left~~

}}

</pre>

{{ButtonLink

|link = https://~~www.helloasso~~.com~~/associations~~/nefald

|link = https://github.com/nefald

|~~text = Faire un don~~

|color = github

~~|logo = helloasso~~

~~|position~~ = ~~left~~

}}

=== ~~QR Code avec fond blanc~~ ===

=== Couleur personnalisée ===

<pre>

{{ButtonLink

|link = https://~~www~~.~~helloasso.com/associations/nefald~~

|link = https://exemple.fr

~~|text = Scanner pour donner~~

|image = Custom-Logo.svg

|image = ~~QRCode~~-~~HelloAsso~~.~~png~~

|text = Bouton personnalisé

|~~logo~~ = ~~helloasso~~

|bg = linear-gradient(135deg, #667eea 0%, #764ba2 100%)

|~~image~~-~~background =~~ #~~FFFFFF~~

~~|position = left~~

}}

</pre>

~~=== Couleur et image personnalisées ===~~

~~<pre>~~

~~{{ButtonLink~~

~~|link = https://exemple.fr~~

~~|image = Custom-Logo.svg~~

~~|text = Bouton personnalisé~~

~~|background = linear-gradient(135deg, #667eea 0%, #764ba2 100%)~~

}}

~~</pre>~~

~~=== Bouton centré sur la page ===~~

~~<pre>~~

~~{{ButtonLink~~

~~|link = https://nfald.fr/discord~~

~~|text = Rejoindre~~

~~|logo = discord~~

~~|align = center~~

}}

~~</pre>~~

=== Boutons d'actions ===

Ligne 329 :

Ligne 281 :

{{ButtonLink

|link = /wiki/Spécial:Téléverser

|text = Téléverser un fichier

|image = Upload-Icon.svg

|~~logo~~ = primary

|text = Téléverser un fichier

|color = primary

}}

{{ButtonLink

|link = /wiki/Spécial:Modifications_récentes

|text = Modifications récentes

|image = Recent-Changes-Icon.svg

|~~logo~~ = info

|text = Modifications récentes

|color = info

}}

{{ButtonLink

|link = /wiki/Spécial:Pages_demandées

|text = Pages demandées

|image = Wanted-Pages-Icon.svg

|~~logo~~ = warning

|text = Pages demandées

|color = warning

}}

</div>

Ligne 349 :

Ligne 304 :

* Utilise [[mw:Extension:TemplateStyles|TemplateStyles]] pour un CSS isolé

* Le lien est cliquable sur **toute la surface du bouton** (zone invisible en position absolue)

* Entièrement responsive (adapté mobile)

* Accessible (supporte les attributs alt)

* Accessible (supporte les attributs alt et title)

* Supporte les liens externes ~~et internes~~

* Supporte les liens externes

* Les icônes de lien externe MediaWiki sont automatiquement masquées

* Centrage vertical parfait de l'image et du texte (flexbox)

* Aucun JavaScript requis

* Compatible tous navigateurs modernes

* Les icônes de lien externe sont automatiquement masquées

== Voir aussi ==