Basculer la recherche
Basculer le menu
49
1,8 k
9
3,6 k
Nefald
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:ButtonLink/doc » : différence entre les versions

De Nefald
Autres actions
Navigation interactive dans l’historique
Modification suivante →
VisuelWikicode
Hiob (discussion | contributions)
owner
2 827 modifications
Creation
Balises : Modification par mobile Modification par le web mobile
 
Hiob (discussion | contributions)
owner
2 827 modifications
mAucun résumé des modifications
Ligne 1 : Ligne 1 :
== Utilisation ==
== Utilisation ==


Ligne 5 : Ligne 6 :
=== Syntaxe ===
=== Syntaxe ===


<pre>
<syntaxhighlight lang="mediawiki">
{{ButtonLink
{{ButtonLink
|link      = URL du lien
|link      = URL du lien
Ligne 16 : Ligne 17 :
|alt        = Texte alternatif (défaut : valeur de text)
|alt        = Texte alternatif (défaut : valeur de text)
}}
}}
</pre>
</syntaxhighlight>


=== Paramètres ===
=== Paramètres ===
Ligne 23 : Ligne 24 :
! Paramètre !! Description !! Requis !! Défaut
! Paramètre !! Description !! Requis !! Défaut
|-
|-
| '''link''' || URL complète ou relative || {{Oui}} || -
| '''link''' || URL complète ou relative || Oui || -
|-
|-
| '''image''' || Nom du fichier image (ex : "Discord-Logo-White.svg") || {{Oui}} || -
| '''image''' || Nom du fichier image (ex : "Discord-Logo-White.svg") || Oui || -
|-
|-
| '''text''' || Texte affiché sous le logo || {{Non}} || (vide)
| '''text''' || Texte affiché sous le logo || Non || (vide)
|-
|-
| '''color''' || Nom de couleur prédéfinie (voir liste ci-dessous) || {{Non}} || gray
| '''color''' || Nom de couleur prédéfinie (voir liste ci-dessous) || Non || gray
|-
|-
| '''bg''' || Couleur d'arrière-plan personnalisée (hex, rgb, nom) || {{Non}} || (utilise color ou défaut)
| '''bg''' || Couleur d'arrière-plan personnalisée (hex, rgb, nom) || Non || (utilise color ou défaut)
|-
|-
| '''size''' || Taille de l'image (format MediaWiki) || {{Non}} || x40px
| '''size''' || Taille de l'image (format MediaWiki) || Non || x40px
|-
|-
| '''title''' || Texte du titre HTML (infobulle au survol) || {{Non}} || valeur de '''text'''
| '''title''' || Texte du titre HTML (infobulle au survol) || Non || valeur de '''text'''
|-
|-
| '''alt''' || Texte alternatif pour l'accessibilité || {{Non}} || valeur de '''text'''
| '''alt''' || Texte alternatif pour l'accessibilité || Non || valeur de '''text'''
|}
|}


Ligne 49 : Ligne 50 :
! Code !! Plateforme !! Couleur !! Exemple
! Code !! Plateforme !! Couleur !! Exemple
|-
|-
| <code>discord</code> || Discord || Blurple (#5865f2) || <code>{{l|ButtonLink|color=discord}}</code>
| <code>discord</code> || Discord || Blurple (#5865f2) || <code>{{ButtonLink|link=https://wiki.nefald.fr/|color=discord}}
|-
|-
| <code>patreon</code> || Patreon || Rouge (#ff424d) || <code>{{l|ButtonLink|color=patreon}}</code>
| <code>patreon</code> || Patreon || Rouge (#ff424d) || {{ButtonLink|link=https://wiki.nefald.fr/|color=patreon}}
|-
|-
| <code>gitlab</code> || GitLab || Orange (#fc6f23) || <code>{{l|ButtonLink|color=gitlab}}</code>
| <code>gitlab</code> || GitLab || Orange (#fc6f23) || {{ButtonLink|link=https://wiki.nefald.fr/|color=gitlab}}
|-
|-
| <code>github</code> || GitHub || Sombre (#24292e) || <code>{{l|ButtonLink|color=github}}</code>
| <code>github</code> || GitHub || Sombre (#24292e) || {{ButtonLink|link=https://wiki.nefald.fr/|color=github}}
|-
|-
| <code>twitter</code> || Twitter/X || Bleu (#1da1f2) || <code>{{l|ButtonLink|color=twitter}}</code>
| <code>twitter</code> || Twitter/X || Bleu (#1da1f2) || {{ButtonLink|link=https://wiki.nefald.fr/|color=twitter}}
|-
|-
| <code>youtube</code> || YouTube || Rouge (#ff0000) || <code>{{l|ButtonLink|color=youtube}}</code>
| <code>youtube</code> || YouTube || Rouge (#ff0000) || {{ButtonLink|link=https://wiki.nefald.fr/|color=youtube}}
|-
|-
| <code>twitch</code> || Twitch || Violet (#9146ff) || <code>{{l|ButtonLink|color=twitch}}</code>
| <code>twitch</code> || Twitch || Violet (#9146ff) || {{ButtonLink|link=https://wiki.nefald.fr/|color=twitch}}
|-
|-
| <code>reddit</code> || Reddit || Orange (#ff4500) || <code>{{l|ButtonLink|color=reddit}}</code>
| <code>reddit</code> || Reddit || Orange (#ff4500) || {{ButtonLink|link=https://wiki.nefald.fr/|color=reddit}}
|-
|-
| <code>mastodon</code> || Mastodon || Violet (#6364ff) || <code>{{l|ButtonLink|color=mastodon}}</code>
| <code>mastodon</code> || Mastodon || Violet (#6364ff) || {{ButtonLink|link=https://wiki.nefald.fr/|color=mastodon}}
|-
|-
| <code>bluesky</code> || Bluesky || Bleu (#0085ff) || <code>{{l|ButtonLink|color=bluesky}}</code>
| <code>bluesky</code> || Bluesky || Bleu (#0085ff) || {{ButtonLink|link=https://wiki.nefald.fr/|color=bluesky}}
|-
|-
| <code>linkedin</code> || LinkedIn || Bleu (#0077b5) || <code>{{l|ButtonLink|color=linkedin}}</code>
| <code>linkedin</code> || LinkedIn || Bleu (#0077b5) || {{ButtonLink|link=https://wiki.nefald.fr/|color=linkedin}}
|-
|-
| <code>facebook</code> || Facebook || Bleu (#1877f2) || <code>{{l|ButtonLink|color=facebook}}</code>
| <code>facebook</code> || Facebook || Bleu (#1877f2) || {{ButtonLink|link=https://wiki.nefald.fr/|color=facebook}}
|-
|-
| <code>instagram</code> || Instagram || Dégradé || <code>{{l|ButtonLink|color=instagram}}</code>
| <code>instagram</code> || Instagram || Dégradé || {{ButtonLink|link=https://wiki.nefald.fr/|color=instagram}}
|-
|-
| <code>tiktok</code> || TikTok || Noir (#000000) || <code>{{l|ButtonLink|color=tiktok}}</code>
| <code>tiktok</code> || TikTok || Noir (#000000) || {{ButtonLink|link=https://wiki.nefald.fr/|color=tiktok}}
|-
|-
| <code>snapchat</code> || Snapchat || Jaune (#fffc00) || <code>{{l|ButtonLink|color=snapchat}}</code>
| <code>snapchat</code> || Snapchat || Jaune (#fffc00) || {{ButtonLink|link=https://wiki.nefald.fr/|color=snapchat}}
|-
|-
| <code>threads</code> || Threads || Noir (#000000) || <code>{{l|ButtonLink|color=threads}}</code>
| <code>threads</code> || Threads || Noir (#000000) || {{ButtonLink|link=https://wiki.nefald.fr/|color=threads}}
|}
|}


Ligne 87 : Ligne 88 :
! Code !! Plateforme !! Couleur !! Exemple
! Code !! Plateforme !! Couleur !! Exemple
|-
|-
| <code>stackoverflow</code> || Stack Overflow || Orange (#f48024) || <code>{{l|ButtonLink|color=stackoverflow}}</code>
| <code>stackoverflow</code> || Stack Overflow || Orange (#f48024) || {{ButtonLink|link=https://wiki.nefald.fr/|color=stackoverflow}}
|-
|-
| <code>npm</code> || npm || Rouge (#cb3837) || <code>{{l|ButtonLink|color=npm}}</code>
| <code>npm</code> || npm || Rouge (#cb3837) || {{ButtonLink|link=https://wiki.nefald.fr/|color=npm}}
|-
|-
| <code>pypi</code> || PyPI || Bleu (#3775a9) || <code>{{l|ButtonLink|color=pypi}}</code>
| <code>pypi</code> || PyPI || Bleu (#3775a9) || {{ButtonLink|link=https://wiki.nefald.fr/|color=pypi}}
|-
|-
| <code>docker</code> || Docker || Bleu (#2496ed) || <code>{{l|ButtonLink|color=docker}}</code>
| <code>docker</code> || Docker || Bleu (#2496ed) || {{ButtonLink|link=https://wiki.nefald.fr/|color=docker}}
|-
|-
| <code>kubernetes</code> || Kubernetes || Bleu (#326ce5) || <code>{{l|ButtonLink|color=kubernetes}}</code>
| <code>kubernetes</code> || Kubernetes || Bleu (#326ce5) || {{ButtonLink|link=https://wiki.nefald.fr/|color=kubernetes}}
|-
|-
| <code>codepen</code> || CodePen || Noir (#000000) || <code>{{l|ButtonLink|color=codepen}}</code>
| <code>codepen</code> || CodePen || Noir (#000000) || {{ButtonLink|link=https://wiki.nefald.fr/|color=codepen}}
|-
|-
| <code>gitlab-ci</code> || GitLab CI || Orange (#fc6d26) || <code>{{l|ButtonLink|color=gitlab-ci}}</code>
| <code>gitlab-ci</code> || GitLab CI || Orange (#fc6d26) || {{ButtonLink|link=https://wiki.nefald.fr/|color=gitlab-ci}}
|}
|}


Ligne 107 : Ligne 108 :
! Code !! Plateforme !! Couleur !! Exemple
! Code !! Plateforme !! Couleur !! Exemple
|-
|-
| <code>kofi</code> || Ko-fi || Rouge (#ff5e5b) || <code>{{l|ButtonLink|color=kofi}}</code>
| <code>kofi</code> || Ko-fi || Rouge (#ff5e5b) || {{ButtonLink|link=https://wiki.nefald.fr/|color=kofi}}
|-
|-
| <code>liberapay</code> || Liberapay || Jaune (#f6c915) || <code>{{l|ButtonLink|color=liberapay}}</code>
| <code>liberapay</code> || Liberapay || Jaune (#f6c915) || {{ButtonLink|link=https://wiki.nefald.fr/|color=liberapay}}
|-
|-
| <code>buymeacoffee</code> || Buy Me a Coffee || Jaune (#ffdd00) || <code>{{l|ButtonLink|color=buymeacoffee}}</code>
| <code>buymeacoffee</code> || Buy Me a Coffee || Jaune (#ffdd00) || {{ButtonLink|link=https://wiki.nefald.fr/|color=buymeacoffee}}
|-
|-
| <code>opencollective</code> || Open Collective || Bleu (#7fadf2) || <code>{{l|ButtonLink|color=opencollective}}</code>
| <code>opencollective</code> || Open Collective || Bleu (#7fadf2) || {{ButtonLink|link=https://wiki.nefald.fr/|color=opencollective}}
|}
|}


Ligne 121 : Ligne 122 :
! Code !! Plateforme !! Couleur !! Exemple
! Code !! Plateforme !! Couleur !! Exemple
|-
|-
| <code>modrinth</code> || Modrinth || Vert (#1bd96a) || <code>{{l|ButtonLink|color=modrinth}}</code>
| <code>modrinth</code> || Modrinth || Vert (#1bd96a) || {{ButtonLink|link=https://wiki.nefald.fr/|color=modrinth}}
|-
|-
| <code>curseforge</code> || CurseForge || Orange (#f16436) || <code>{{l|ButtonLink|color=curseforge}}</code>
| <code>curseforge</code> || CurseForge || Orange (#f16436) || {{ButtonLink|link=https://wiki.nefald.fr/|color=curseforge}}
|-
|-
| <code>hangar</code> || Hangar || Bleu (#0d6efd) || <code>{{l|ButtonLink|color=hangar}}</code>
| <code>hangar</code> || Hangar || Bleu (#0d6efd) || {{ButtonLink|link=https://wiki.nefald.fr/|color=hangar}}
|-
|-
| <code>spigotmc</code> / <code>spigot</code> || SpigotMC || Jaune (#f7c03e) || <code>{{l|ButtonLink|color=spigot}}</code>
| <code>spigotmc</code> / <code>spigot</code> || SpigotMC || Jaune (#f7c03e) || {{ButtonLink|link=https://wiki.nefald.fr/|color=spigot}}
|-
|-
| <code>bukkit</code> || Bukkit || Orange (#f89a1e) || <code>{{l|ButtonLink|color=bukkit}}</code>
| <code>bukkit</code> || Bukkit || Orange (#f89a1e) || {{ButtonLink|link=https://wiki.nefald.fr/|color=bukkit}}
|-
|-
| <code>papermc</code> / <code>paper</code> || PaperMC || Bleu (#1a8cff) || <code>{{l|ButtonLink|color=paper}}</code>
| <code>papermc</code> / <code>paper</code> || PaperMC || Bleu (#1a8cff) || {{ButtonLink|link=https://wiki.nefald.fr/|color=paper}}
|-
|-
| <code>purpur</code> || Purpur || Violet (#a855f7) || <code>{{l|ButtonLink|color=purpur}}</code>
| <code>purpur</code> || Purpur || Violet (#a855f7) || {{ButtonLink|link=https://wiki.nefald.fr/|color=purpur}}
|-
|-
| <code>polymart</code> || Polymart || Rose (#ec4899) || <code>{{l|ButtonLink|color=polymart}}</code>
| <code>polymart</code> || Polymart || Rose (#ec4899) || {{ButtonLink|link=https://wiki.nefald.fr/|color=polymart}}
|-
|-
| <code>github-releases</code> || GitHub Releases || Vert (#238636) || <code>{{l|ButtonLink|color=github-releases}}</code>
| <code>github-releases</code> || GitHub Releases || Vert (#238636) || {{ButtonLink|link=https://wiki.nefald.fr/|color=github-releases}}
|-
|-
| <code>jenkins</code> || Jenkins || Rouge (#d24939) || <code>{{l|ButtonLink|color=jenkins}}</code>
| <code>jenkins</code> || Jenkins || Rouge (#d24939) || {{ButtonLink|link=https://wiki.nefald.fr/|color=jenkins}}
|-
|-
| <code>maven</code> || Maven || Rouge (#c71a36) || <code>{{l|ButtonLink|color=maven}}</code>
| <code>maven</code> || Maven || Rouge (#c71a36) || {{ButtonLink|link=https://wiki.nefald.fr/|color=maven}}
|}
|}


Ligne 149 : Ligne 150 :
! Code !! Plateforme !! Couleur !! Exemple
! Code !! Plateforme !! Couleur !! Exemple
|-
|-
| <code>minecraft</code> || Minecraft || Vert (#62b47a) || <code>{{l|ButtonLink|color=minecraft}}</code>
| <code>minecraft</code> || Minecraft || Vert (#62b47a) || {{ButtonLink|link=https://wiki.nefald.fr/|color=minecraft}}
|-
|-
| <code>forge</code> || Forge || Bleu foncé (#1e2c42) || <code>{{l|ButtonLink|color=forge}}</code>
| <code>forge</code> || Forge || Bleu foncé (#1e2c42) || {{ButtonLink|link=https://wiki.nefald.fr/|color=forge}}
|-
|-
| <code>fabric</code> || Fabric || Beige (#dbd3c8) || <code>{{l|ButtonLink|color=fabric}}</code>
| <code>fabric</code> || Fabric || Beige (#dbd3c8) || {{ButtonLink|link=https://wiki.nefald.fr/|color=fabric}}
|-
|-
| <code>quilt</code> || Quilt || Violet (#8b5cf6) || <code>{{l|ButtonLink|color=quilt}}</code>
| <code>quilt</code> || Quilt || Violet (#8b5cf6) || {{ButtonLink|link=https://wiki.nefald.fr/|color=quilt}}
|-
|-
| <code>neoforge</code> || NeoForge || Orange (#ff6b35) || <code>{{l|ButtonLink|color=neoforge}}</code>
| <code>neoforge</code> || NeoForge || Orange (#ff6b35) || {{ButtonLink|link=https://wiki.nefald.fr/|color=neoforge}}
|}
|}


Ligne 165 : Ligne 166 :
! Code !! Plateforme !! Couleur !! Exemple
! Code !! Plateforme !! Couleur !! Exemple
|-
|-
| <code>velocity</code> || Velocity || Bleu (#3fa9f5) || <code>{{l|ButtonLink|color=velocity}}</code>
| <code>velocity</code> || Velocity || Bleu (#3fa9f5) || {{ButtonLink|link=https://wiki.nefald.fr/|color=velocity}}
|-
|-
| <code>waterfall</code> || Waterfall || Bleu (#0088ff) || <code>{{l|ButtonLink|color=waterfall}}</code>
| <code>waterfall</code> || Waterfall || Bleu (#0088ff) || {{ButtonLink|link=https://wiki.nefald.fr/|color=waterfall}}
|-
|-
| <code>bungeecord</code> || BungeeCord || Jaune (#ffcc00) || <code>{{l|ButtonLink|color=bungeecord}}</code>
| <code>bungeecord</code> || BungeeCord || Jaune (#ffcc00) || {{ButtonLink|link=https://wiki.nefald.fr/|color=bungeecord}}
|-
|-
| <code>sponge</code> || Sponge || Jaune (#f7cf0d) || <code>{{l|ButtonLink|color=sponge}}</code>
| <code>sponge</code> || Sponge || Jaune (#f7cf0d) || {{ButtonLink|link=https://wiki.nefald.fr/|color=sponge}}
|}
|}


Ligne 179 : Ligne 180 :
! Code !! Plateforme !! Couleur !! Exemple
! Code !! Plateforme !! Couleur !! Exemple
|-
|-
| <code>ftb</code> / <code>feed-the-beast</code> || Feed The Beast || Violet (#8e44ad) || <code>{{l|ButtonLink|color=ftb}}</code>
| <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) || <code>{{l|ButtonLink|color=technic}}</code>
| <code>technic</code> || Technic Pack || Rouge (#e74c3c) || {{ButtonLink|link=https://wiki.nefald.fr/|color=technic}}
|-
|-
| <code>atlauncher</code> || ATLauncher || Bleu (#3498db) || <code>{{l|ButtonLink|color=atlauncher}}</code>
| <code>atlauncher</code> || ATLauncher || Bleu (#3498db) || {{ButtonLink|link=https://wiki.nefald.fr/|color=atlauncher}}
|}
|}


Version du 5 novembre 2025 à 21:49

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.).

Syntaxe

{{ButtonLink
|link       = URL du lien
|image      = Nom du fichier image (avec extension)
|text       = Texte affiché (optionnel)
|color      = Nom de couleur prédéfinie (optionnel)
|bg         = Couleur d'arrière-plan personnalisée (optionnel, remplace color)
|size       = Taille de l'image (défaut : x40px)
|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 -
image Nom du fichier image (ex : "Discord-Logo-White.svg") Oui -
text Texte affiché sous le logo Non (vide)
color Nom de couleur prédéfinie (voir liste ci-dessous) Non gray
bg Couleur d'arrière-plan personnalisée (hex, rgb, nom) Non (utilise color ou défaut)
size Taille de l'image (format MediaWiki) Non x40px
title Texte du titre HTML (infobulle au survol) Non valeur de text
alt Texte alternatif pour l'accessibilité Non valeur de text

Note : Si color et bg sont tous deux spécifiés, bg est prioritaire.

Couleurs prédéfinies

Réseaux sociaux

Code Plateforme Couleur Exemple
discord Discord Blurple (#5865f2)
patreon Patreon Rouge (#ff424d)
gitlab GitLab Orange (#fc6f23)
github GitHub Sombre (#24292e)
Fichier:ButtonLink-github.svg
twitter Twitter/X Bleu (#1da1f2)
youtube YouTube Rouge (#ff0000)
twitch Twitch Violet (#9146ff)
reddit Reddit Orange (#ff4500)
mastodon Mastodon Violet (#6364ff)
Fichier:ButtonLink-mastodon.svg
bluesky Bluesky Bleu (#0085ff)
Fichier:ButtonLink-bluesky.svg
linkedin LinkedIn Bleu (#0077b5)
Fichier:ButtonLink-linkedin.svg
facebook Facebook Bleu (#1877f2)
instagram Instagram Dégradé
Fichier:ButtonLink-instagram.svg
tiktok TikTok Noir (#000000)
Fichier:ButtonLink-tiktok.svg
snapchat Snapchat Jaune (#fffc00)
Fichier:ButtonLink-snapchat.svg
threads Threads Noir (#000000)
Fichier:ButtonLink-threads.svg

Développement & Tech

Code Plateforme Couleur Exemple
stackoverflow Stack Overflow Orange (#f48024)
Fichier:ButtonLink-stackoverflow.svg
npm npm Rouge (#cb3837)
Fichier:ButtonLink-npm.svg
pypi PyPI Bleu (#3775a9)
Fichier:ButtonLink-pypi.svg
docker Docker Bleu (#2496ed)
kubernetes Kubernetes Bleu (#326ce5)
Fichier:ButtonLink-kubernetes.svg
codepen CodePen Noir (#000000)
Fichier:ButtonLink-codepen.svg
gitlab-ci GitLab CI Orange (#fc6d26)
Fichier:ButtonLink-gitlab-ci.svg

Plateformes de financement

Code Plateforme Couleur Exemple
kofi Ko-fi Rouge (#ff5e5b)
Fichier:ButtonLink-kofi.svg
liberapay Liberapay Jaune (#f6c915)
Fichier:ButtonLink-liberapay.svg
buymeacoffee Buy Me a Coffee Jaune (#ffdd00)
Fichier:ButtonLink-buymeacoffee.svg
opencollective Open Collective Bleu (#7fadf2)
Fichier:ButtonLink-opencollective.svg

Plateformes de plugins Minecraft

Code Plateforme Couleur Exemple
modrinth Modrinth Vert (#1bd96a)
curseforge CurseForge Orange (#f16436)
Fichier:ButtonLink-curseforge.svg
hangar Hangar Bleu (#0d6efd)
Fichier:ButtonLink-hangar.svg
spigotmc / spigot SpigotMC Jaune (#f7c03e)
Fichier:ButtonLink-spigot.svg
bukkit Bukkit Orange (#f89a1e)
Fichier:ButtonLink-bukkit.svg
papermc / paper PaperMC Bleu (#1a8cff)
Fichier:ButtonLink-paper.svg
purpur Purpur Violet (#a855f7)
Fichier:ButtonLink-purpur.svg
polymart Polymart Rose (#ec4899)
Fichier:ButtonLink-polymart.svg
github-releases GitHub Releases Vert (#238636)
Fichier:ButtonLink-github-releases.svg
jenkins Jenkins Rouge (#d24939)
Fichier:ButtonLink-jenkins.svg
maven Maven Rouge (#c71a36)
Fichier:ButtonLink-maven.svg

Mod loaders Minecraft

Code Plateforme Couleur Exemple
minecraft Minecraft Vert (#62b47a)
Fichier:ButtonLink-minecraft.svg
forge Forge Bleu foncé (#1e2c42)
Fichier:ButtonLink-forge.svg
fabric Fabric Beige (#dbd3c8)
Fichier:ButtonLink-fabric.svg
quilt Quilt Violet (#8b5cf6)
Fichier:ButtonLink-quilt.svg
neoforge NeoForge Orange (#ff6b35)
Fichier:ButtonLink-neoforge.svg

Logiciels serveur

Code Plateforme Couleur Exemple
velocity Velocity Bleu (#3fa9f5)
Fichier:ButtonLink-velocity.svg
waterfall Waterfall Bleu (#0088ff)
Fichier:ButtonLink-waterfall.svg
bungeecord BungeeCord Jaune (#ffcc00)
Fichier:ButtonLink-bungeecord.svg
sponge Sponge Jaune (#f7cf0d)
Fichier:ButtonLink-sponge.svg

Modpacks

Code Plateforme Couleur Exemple
ftb / feed-the-beast Feed The Beast Violet (#8e44ad)
Fichier:ButtonLink-ftb.svg
technic Technic Pack Rouge (#e74c3c)
Fichier:ButtonLink-technic.svg
atlauncher ATLauncher Bleu (#3498db)
Fichier:ButtonLink-atlauncher.svg

Couleurs sémantiques

Code Alternative Couleur Usage
primary blue Bleu (#3366cc) Actions principales
secondary gray, grey Gris (#72777d) Actions secondaires
success green Vert (#14866d) Messages de succès
danger red Rouge (#d73333) Avertissements, erreurs
warning yellow Jaune (#fc3) Alertes
info cyan Cyan (#00b8d4) Informations
purple violet Violet (#6f42c1) -
pink - Rose (#d63384) -
orange - Orange (#fd7e14) -
teal - Turquoise (#20c997) -
indigo - Indigo (#6610f2) -
black - Noir (#000) -
white - Blanc (#fff) -
light - Gris clair (#f8f9fa) -
dark - Gris foncé (#343a40) -

Exemples

Usage basique

{{ButtonLink
|link  = https://nfald.fr/discord
|image = Discord-Logo-White.svg
|text  = Rejoignez notre Discord
|color = discord
}}
Rejoignez notre DiscordRejoignez notre Discord

Sans texte (icône seule)

{{ButtonLink
|link  = https://github.com/nefald
|image = GitHub-Logo-White.svg
|color = github
}}
Fichier:GitHub-Logo-White.svg

Lien interne

{{ButtonLink
|link  = /wiki/Aide:Sommaire
|image = Help-Icon.svg
|text  = Centre d'aide
|color = primary
}}
[/wiki/Aide:Sommaire Centre d'aideCentre d'aide]

Couleur personnalisée

{{ButtonLink
|link  = https://exemple.fr
|image = Custom-Logo.svg
|text  = Bouton personnalisé
|bg    = linear-gradient(135deg, #667eea 0%, #764ba2 100%)
}}

Grille de téléchargements multi-plateformes

<div class="button-link-grid">
{{ButtonLink
|link  = https://modrinth.com/plugin/mon-plugin
|image = Modrinth-Logo.svg
|text  = Modrinth
|color = modrinth
}}
{{ButtonLink
|link  = https://www.curseforge.com/minecraft/bukkit-plugins/mon-plugin
|image = CurseForge-Logo.svg
|text  = CurseForge
|color = curseforge
}}
{{ButtonLink
|link  = https://hangar.papermc.io/nefald/MonPlugin
|image = Hangar-Logo.svg
|text  = Hangar
|color = hangar
}}
{{ButtonLink
|link  = https://www.spigotmc.org/resources/mon-plugin.12345/
|image = Spigot-Logo.svg
|text  = SpigotMC
|color = spigot
}}
{{ButtonLink
|link  = https://polymart.org/resource/mon-plugin.1234
|image = Polymart-Logo.svg
|text  = Polymart
|color = polymart
}}
{{ButtonLink
|link  = https://github.com/nefald/MonPlugin/releases
|image = GitHub-Logo-White.svg
|text  = GitHub
|color = github-releases
}}
</div>
ModrinthModrinth
CurseForgeCurseForge
HangarHangar
SpigotMCSpigotMC
PolymartPolymart
GitHubGitHub

Rangée de réseaux sociaux

<div class="button-link-grid">
{{ButtonLink|link=https://discord.gg/xxx|image=Discord-Logo-White.svg|color=discord}}
{{ButtonLink|link=https://twitter.com/xxx|image=Twitter-Logo-White.svg|color=twitter}}
{{ButtonLink|link=https://github.com/xxx|image=GitHub-Logo-White.svg|color=github}}
{{ButtonLink|link=https://www.patreon.com/xxx|image=Patreon-Logo-White.svg|color=patreon}}
</div>

Boutons d'actions

<div class="button-link-grid">
{{ButtonLink
|link  = /wiki/Spécial:Téléverser
|image = Upload-Icon.svg
|text  = Téléverser un fichier
|color = primary
}}
{{ButtonLink
|link  = /wiki/Spécial:Modifications_récentes
|image = Recent-Changes-Icon.svg
|text  = Modifications récentes
|color = info
}}
{{ButtonLink
|link  = /wiki/Spécial:Pages_demandées
|image = Wanted-Pages-Icon.svg
|text  = Pages demandées
|color = warning
}}
</div>

Détails techniques

  • Utilise TemplateStyles pour un CSS isolé
  • Entièrement responsive (adapté mobile)
  • Accessible (supporte les attributs alt et title)
  • Supporte les liens externes et internes
  • Aucun JavaScript requis
  • Compatible tous navigateurs modernes
  • Les icônes de lien externe sont automatiquement masquées

Accessibilité

Le modèle est conçu pour être accessible :

  • Utilisation d'attributs alt pour les images
  • Attributs title pour les infobulles
  • Contraste de couleur respectant les normes WCAG
  • Navigation au clavier possible
  • Compatible avec les lecteurs d'écran

Voir aussi


Récupérée de "https://wiki.nefald.fr/index.php?title=Modèle:ButtonLink/doc&oldid=3660"
Les témoins (''cookies'') nous aident à fournir nos services. En utilisant nos services, vous acceptez notre utilisation de témoins.