« Modèle:ButtonLink/doc » : différence entre les versions
De Nefald
Autres actions
m stackoverflow > black background |
Aucun résumé des modifications |
||
| (8 versions intermédiaires par le même utilisateur non affichées) | |||
| Ligne 8 : | Ligne 8 : | ||
<syntaxhighlight lang="mediawiki"> | <syntaxhighlight lang="mediawiki"> | ||
{{ButtonLink | {{ButtonLink | ||
|link | |link = URL du lien | ||
|image | |image = Nom du fichier image (avec extension) | ||
|align | |align = Alignement du bouton : left, right, center | ||
|text | |text = Texte affiché (optionnel) | ||
| | |logo = Nom de couleur prédéfinie (optionnel) | ||
| | |background = Couleur d'arrière-plan personnalisée (optionnel, remplace color) | ||
|size | |size = Taille de l'image (défaut : x40px) | ||
|title | |title = Texte du titre au survol (défaut : valeur de text) | ||
|alt | |alt = Texte alternatif (défaut : valeur de text) | ||
}} | }} | ||
</syntaxhighlight> | </syntaxhighlight> | ||
| Ligne 33 : | Ligne 33 : | ||
| '''text''' || Texte affiché sous le logo || Non || (vide) | | '''text''' || Texte affiché sous le logo || Non || (vide) | ||
|- | |- | ||
| ''' | | '''logo''' || Nom de couleur prédéfinie || Non || gray | ||
|- | |- | ||
| ''' | | '''background''' || 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 | ||
| Ligne 46 : | Ligne 46 : | ||
{{Bandeau|type=astuce | {{Bandeau|type=astuce | ||
| | | | ||
* Lorsque ''' | * Lorsque '''logo''' est spécifié, le logo du site choisi sera affiché. | ||
* Si ''' | * Si '''logo''' et '''background''' sont tous deux spécifiés, '''background''' est prioritaire et la couleur spécifiée sera appliquée à l'arrière-plan et le logo sera conservé.}} | ||
== Couleurs prédéfinies == | == Couleurs prédéfinies == | ||
| Ligne 56 : | Ligne 56 : | ||
! Code !! Plateforme !! Couleur !! Exemple | ! Code !! Plateforme !! Couleur !! Exemple | ||
|- | |- | ||
| <code>discord</code> || Discord || violet (#5865f2) || {{ButtonLink|link=https://wiki.nefald.fr/| | | <code>discord</code> || Discord || violet (#5865f2) || {{ButtonLink|link=https://wiki.nefald.fr/|logo=discord}} | ||
|- | |- | ||
| <code>twitter</code> || Twitter/X || Bleu (#1da1f2) || {{ButtonLink|link=https://wiki.nefald.fr/| | | <code>twitter</code> || Twitter/X || Bleu (#1da1f2) || {{ButtonLink|link=https://wiki.nefald.fr/|logo=twitter}} | ||
|- | |- | ||
| <code>youtube</code> || YouTube || Rouge (#ff0000) || {{ButtonLink|link=https://wiki.nefald.fr/| | | <code>youtube</code> || YouTube || Rouge (#ff0000) || {{ButtonLink|link=https://wiki.nefald.fr/|logo=youtube}} | ||
|- | |- | ||
| <code>twitch</code> || Twitch || Violet (#9146ff) || {{ButtonLink|link=https://wiki.nefald.fr/| | | <code>twitch</code> || Twitch || Violet (#9146ff) || {{ButtonLink|link=https://wiki.nefald.fr/|logo=twitch}} | ||
|- | |- | ||
| <code>reddit</code> || Reddit || Orange (#ff4500) || {{ButtonLink|link=https://wiki.nefald.fr/| | | <code>reddit</code> || Reddit || Orange (#ff4500) || {{ButtonLink|link=https://wiki.nefald.fr/|logo=reddit}} | ||
|- | |- | ||
| <code>mastodon</code> || Mastodon || Violet (#6364ff) || {{ButtonLink|link=https://wiki.nefald.fr/| | | <code>mastodon</code> || Mastodon || Violet (#6364ff) || {{ButtonLink|link=https://wiki.nefald.fr/|logo=mastodon}} | ||
|- | |- | ||
| <code>bluesky</code> || Bluesky || Bleu (#0085ff) || {{ButtonLink|link=https://wiki.nefald.fr/| | | <code>bluesky</code> || Bluesky || Bleu (#0085ff) || {{ButtonLink|link=https://wiki.nefald.fr/|logo=bluesky}} | ||
|- | |- | ||
| <code>linkedin</code> || LinkedIn || Bleu (#0077b5) || {{ButtonLink|link=https://wiki.nefald.fr/| | | <code>linkedin</code> || LinkedIn || Bleu (#0077b5) || {{ButtonLink|link=https://wiki.nefald.fr/|logo=linkedin}} | ||
|- | |- | ||
| <code>facebook</code> || Facebook || Bleu (#1877f2) || {{ButtonLink|link=https://wiki.nefald.fr/| | | <code>facebook</code> || Facebook || Bleu (#1877f2) || {{ButtonLink|link=https://wiki.nefald.fr/|logo=facebook}} | ||
|- | |- | ||
| <code>instagram</code> || Instagram || Dégradé || {{ButtonLink|link=https://wiki.nefald.fr/| | | <code>instagram</code> || Instagram || Dégradé || {{ButtonLink|link=https://wiki.nefald.fr/|logo=instagram}} | ||
|- | |- | ||
| <code>tiktok</code> || TikTok || Noir (#000000) || {{ButtonLink|link=https://wiki.nefald.fr/| | | <code>tiktok</code> || TikTok || Noir (#000000) || {{ButtonLink|link=https://wiki.nefald.fr/|logo=tiktok}} | ||
|- | |- | ||
| <code>snapchat</code> || Snapchat || Jaune (#fffc00) || {{ButtonLink|link=https://wiki.nefald.fr/| | | <code>snapchat</code> || Snapchat || Jaune (#fffc00) || {{ButtonLink|link=https://wiki.nefald.fr/|logo=snapchat}} | ||
|- | |- | ||
| <code>threads</code> || Threads || Noir (#000000) || {{ButtonLink|link=https://wiki.nefald.fr/| | | <code>threads</code> || Threads || Noir (#000000) || {{ButtonLink|link=https://wiki.nefald.fr/|logo=threads}} | ||
|} | |} | ||
| Ligne 88 : | Ligne 88 : | ||
! Code !! Plateforme !! Couleur !! Exemple | ! Code !! Plateforme !! Couleur !! Exemple | ||
|- | |- | ||
| <code>stackoverflow</code> || Stack Overflow || Noir (#252627) || {{ButtonLink|link=https://wiki.nefald.fr/| | | <code>stackoverflow</code> || Stack Overflow || Noir (#252627) || {{ButtonLink|link=https://wiki.nefald.fr/|logo=stackoverflow}} | ||
|- | |- | ||
| <code>npm</code> || npm || Rouge (#cb3837) || {{ButtonLink|link=https://wiki.nefald.fr/| | | <code>npm</code> || npm || Rouge (#cb3837) || {{ButtonLink|link=https://wiki.nefald.fr/|logo=npm}} | ||
|- | |- | ||
| <code>pypi</code> || PyPI || Bleu (#3775a9) || {{ButtonLink|link=https://wiki.nefald.fr/| | | <code>pypi</code> || PyPI || Bleu (#3775a9) || {{ButtonLink|link=https://wiki.nefald.fr/|logo=pypi}} | ||
|- | |- | ||
| <code>docker</code> || Docker || Bleu (#2496ed) || {{ButtonLink|link=https://wiki.nefald.fr/| | | <code>docker</code> || Docker || Bleu (#2496ed) || {{ButtonLink|link=https://wiki.nefald.fr/|logo=docker}} | ||
|- | |- | ||
| <code>kubernetes</code> || Kubernetes || Bleu (#326ce5) || {{ButtonLink|link=https://wiki.nefald.fr/| | | <code>kubernetes</code> || Kubernetes || Bleu (#326ce5) || {{ButtonLink|link=https://wiki.nefald.fr/|logo=kubernetes}} | ||
|- | |- | ||
| <code>codepen</code> || CodePen || | | <code>codepen</code> || CodePen || Blanc (#ffffff) || {{ButtonLink|link=https://wiki.nefald.fr/|logo=codepen}} | ||
|- | |- | ||
| <code>gitlab</code> || GitLab || Orange (#fc6f23) || {{ButtonLink|link=https://wiki.nefald.fr/| | | <code>gitlab</code> || GitLab || Orange (#fc6f23) || {{ButtonLink|link=https://wiki.nefald.fr/|logo=gitlab}} | ||
|- | |- | ||
| <code>github</code> || GitHub || Sombre (#24292e) || {{ButtonLink|link=https://wiki.nefald.fr/| | | <code>github</code> || GitHub || Sombre (#24292e) || {{ButtonLink|link=https://wiki.nefald.fr/|logo=github}} | ||
|} | |} | ||
| Ligne 110 : | Ligne 110 : | ||
! Code !! Plateforme !! Couleur !! Exemple | ! Code !! Plateforme !! Couleur !! Exemple | ||
|- | |- | ||
| <code> | | <code>buymeacoffee</code> || Buy Me a Coffee || Jaune (#ffdd00) || {{ButtonLink|link=https://wiki.nefald.fr/|logo=buymeacoffee}} | ||
|- | |- | ||
| <code> | | <code>helloasso</code> || HelloAsso || Violet (#4C40CF) || {{ButtonLink|link=https://wiki.nefald.fr/|logo=helloasso}} | ||
|- | |- | ||
| <code> | | <code>kofi</code> || Ko-fi || Rouge (#ff5e5b) || {{ButtonLink|link=https://wiki.nefald.fr/|logo=kofi}} | ||
|- | |- | ||
| <code> | | <code>liberapay</code> || Liberapay || Jaune (#f6c915) || {{ButtonLink|link=https://wiki.nefald.fr/|logo=liberapay}} | ||
|- | |- | ||
| <code>opencollective</code> || Open Collective || Bleu (#7fadf2) || {{ButtonLink|link=https://wiki.nefald.fr/| | | <code>opencollective</code> || Open Collective || Bleu (#7fadf2) || {{ButtonLink|link=https://wiki.nefald.fr/|logo=opencollective}} | ||
|- | |- | ||
| <code>stripe</code> || Stripe || Violet (#635BFF) || {{ButtonLink|link=https://wiki.nefald.fr/| | | <code>patreon</code> || Patreon || Rouge (#ff424d) || {{ButtonLink|link=https://wiki.nefald.fr/|logo=patreon}} | ||
|- | |||
| <code>stripe</code> || Stripe || Violet (#635BFF) || {{ButtonLink|link=https://wiki.nefald.fr/|logo=stripe}} | |||
|} | |} | ||
| Ligne 128 : | Ligne 130 : | ||
! Code !! Plateforme !! Couleur !! Exemple | ! Code !! Plateforme !! Couleur !! Exemple | ||
|- | |- | ||
| <code>modrinth</code> || Modrinth || Vert (#1bd96a) || {{ButtonLink|link=https://wiki.nefald.fr/| | | <code>modrinth</code> || Modrinth || Vert (#1bd96a) || {{ButtonLink|link=https://wiki.nefald.fr/|logo=modrinth}} | ||
|- | |- | ||
| <code>curseforge</code> || CurseForge || Orange (#f16436) || {{ButtonLink|link=https://wiki.nefald.fr/| | | <code>curseforge</code> || CurseForge || Orange (#f16436) || {{ButtonLink|link=https://wiki.nefald.fr/|logo=curseforge}} | ||
|- | |- | ||
| <code>hangar</code> || Hangar || Bleu (#0d6efd) || {{ButtonLink|link=https://wiki.nefald.fr/| | | <code>hangar</code> || Hangar || Bleu (#0d6efd) || {{ButtonLink|link=https://wiki.nefald.fr/|logo=hangar}} | ||
|- | |- | ||
| <code>spigotmc</code> / <code>spigot</code> || SpigotMC || Jaune (#f7c03e) || {{ButtonLink|link=https://wiki.nefald.fr/| | | <code>spigotmc</code> / <code>spigot</code> || SpigotMC || Jaune (#f7c03e) || {{ButtonLink|link=https://wiki.nefald.fr/|logo=spigot}} | ||
|- | |- | ||
| <code>bukkit</code> || Bukkit || Orange (#f89a1e) || {{ButtonLink|link=https://wiki.nefald.fr/| | | <code>bukkit</code> || Bukkit || Orange (#f89a1e) || {{ButtonLink|link=https://wiki.nefald.fr/|logo=bukkit}} | ||
|- | |- | ||
| <code> | | <code>paper</code> / <code>paper</code> || PaperMC || Bleu (#1a8cff) || {{ButtonLink|link=https://wiki.nefald.fr/|logo=paper}} | ||
|- | |- | ||
| <code>purpur</code> || Purpur || Violet (#a855f7) || {{ButtonLink|link=https://wiki.nefald.fr/| | | <code>purpur</code> || Purpur || Violet (#a855f7) || {{ButtonLink|link=https://wiki.nefald.fr/|logo=purpur}} | ||
|- | |- | ||
| <code>polymart</code> || Polymart || Rose (#ec4899) || {{ButtonLink|link=https://wiki.nefald.fr/| | | <code>polymart</code> || Polymart || Rose (#ec4899) || {{ButtonLink|link=https://wiki.nefald.fr/|logo=polymart}} | ||
|- | |- | ||
| <code>github-releases</code> || GitHub Releases || Vert (#238636) || {{ButtonLink|link=https://wiki.nefald.fr/| | | <code>github-releases</code> || GitHub Releases || Vert (#238636) || {{ButtonLink|link=https://wiki.nefald.fr/|logo=github-releases}} | ||
|- | |- | ||
| <code>jenkins</code> || Jenkins || Rouge (#d24939) || {{ButtonLink|link=https://wiki.nefald.fr/| | | <code>jenkins</code> || Jenkins || Rouge (#d24939) || {{ButtonLink|link=https://wiki.nefald.fr/|logo=jenkins}} | ||
|- | |- | ||
| <code>maven</code> || Maven || Rouge (#c71a36) || {{ButtonLink|link=https://wiki.nefald.fr/| | | <code>maven</code> || Maven || Rouge (#c71a36) || {{ButtonLink|link=https://wiki.nefald.fr/|logo=maven}} | ||
|} | |} | ||
| Ligne 156 : | Ligne 158 : | ||
! Code !! Plateforme !! Couleur !! Exemple | ! Code !! Plateforme !! Couleur !! Exemple | ||
|- | |- | ||
| <code>minecraft</code> || Minecraft || Vert (#62b47a) || {{ButtonLink|link=https://wiki.nefald.fr/| | | <code>minecraft</code> || Minecraft || Vert (#62b47a) || {{ButtonLink|link=https://wiki.nefald.fr/|logo=minecraft}} | ||
|- | |- | ||
| <code>forge</code> || Forge || Bleu foncé (#1e2c42) || {{ButtonLink|link=https://wiki.nefald.fr/| | | <code>forge</code> || Forge || Bleu foncé (#1e2c42) || {{ButtonLink|link=https://wiki.nefald.fr/|logo=forge}} | ||
|- | |- | ||
| <code>fabric</code> || Fabric || Beige (#dbd3c8) || {{ButtonLink|link=https://wiki.nefald.fr/| | | <code>fabric</code> || Fabric || Beige (#dbd3c8) || {{ButtonLink|link=https://wiki.nefald.fr/|logo=fabric}} | ||
|- | |- | ||
| <code>quilt</code> || Quilt || Violet (#8b5cf6) || {{ButtonLink|link=https://wiki.nefald.fr/| | | <code>quilt</code> || Quilt || Violet (#8b5cf6) || {{ButtonLink|link=https://wiki.nefald.fr/|logo=quilt}} | ||
|- | |- | ||
| <code>neoforge</code> || NeoForge || Orange (#ff6b35) || {{ButtonLink|link=https://wiki.nefald.fr/| | | <code>neoforge</code> || NeoForge || Orange (#ff6b35) || {{ButtonLink|link=https://wiki.nefald.fr/|logo=neoforge}} | ||
|} | |} | ||
| Ligne 172 : | Ligne 174 : | ||
! Code !! Plateforme !! Couleur !! Exemple | ! Code !! Plateforme !! Couleur !! Exemple | ||
|- | |- | ||
| <code>velocity</code> || Velocity || Bleu (#3fa9f5) || {{ButtonLink|link=https://wiki.nefald.fr/| | | <code>velocity</code> || Velocity || Bleu (#3fa9f5) || {{ButtonLink|link=https://wiki.nefald.fr/|logo=velocity}} | ||
|- | |- | ||
| <code>waterfall</code> || Waterfall || Bleu (#0088ff) || {{ButtonLink|link=https://wiki.nefald.fr/| | | <code>waterfall</code> || Waterfall || Bleu (#0088ff) || {{ButtonLink|link=https://wiki.nefald.fr/|logo=waterfall}} | ||
|- | |- | ||
| <code>bungeecord</code> || BungeeCord || Jaune (#ffcc00) || {{ButtonLink|link=https://wiki.nefald.fr/| | | <code>bungeecord</code> || BungeeCord || Jaune (#ffcc00) || {{ButtonLink|link=https://wiki.nefald.fr/|logo=bungeecord}} | ||
|- | |- | ||
| <code>sponge</code> || Sponge || Jaune (#f7cf0d) || {{ButtonLink|link=https://wiki.nefald.fr/| | | <code>sponge</code> || Sponge || Jaune (#f7cf0d) || {{ButtonLink|link=https://wiki.nefald.fr/|logo=sponge}} | ||
|} | |} | ||
| Ligne 186 : | Ligne 188 : | ||
! Code !! Plateforme !! Couleur !! Exemple | ! Code !! Plateforme !! Couleur !! Exemple | ||
|- | |- | ||
| <code>ftb</code> / <code>feed-the-beast</code> || Feed The Beast || Violet (#8e44ad) || {{ButtonLink|link=https://wiki.nefald.fr/| | | <code>ftb</code> / <code>feed-the-beast</code> || Feed The Beast || Violet (#8e44ad) || {{ButtonLink|link=https://wiki.nefald.fr/|logo=ftb}} | ||
|- | |- | ||
| <code>technic</code> || Technic Pack || Rouge (#e74c3c) || {{ButtonLink|link=https://wiki.nefald.fr/| | | <code>technic</code> || Technic Pack || Rouge (#e74c3c) || {{ButtonLink|link=https://wiki.nefald.fr/|logo=technic}} | ||
|- | |- | ||
| <code>atlauncher</code> || ATLauncher || Bleu (#3498db) || {{ButtonLink|link=https://wiki.nefald.fr/| | | <code>atlauncher</code> || ATLauncher || Bleu (#3498db) || {{ButtonLink|link=https://wiki.nefald.fr/|logo=atlauncher}} | ||
|} | |} | ||
| Ligne 236 : | Ligne 238 : | ||
{{ButtonLink | {{ButtonLink | ||
|link = https://nfald.fr/discord | |link = https://nfald.fr/discord | ||
|text = Rejoignez notre communauté | |||
|text = Rejoignez notre | |logo = discord | ||
| | |||
}} | }} | ||
</pre> | </pre> | ||
| Ligne 244 : | Ligne 245 : | ||
{{ButtonLink | {{ButtonLink | ||
|link = https://nfald.fr/discord | |link = https://nfald.fr/discord | ||
|text = Rejoignez notre Discord | |text = Rejoignez notre Discord | ||
| | |logo = discord | ||
}} | }} | ||
| Ligne 254 : | Ligne 254 : | ||
{{ButtonLink | {{ButtonLink | ||
|link = https://github.com/nefald | |link = https://github.com/nefald | ||
| | |logo = github | ||
}} | }} | ||
</pre> | </pre> | ||
| Ligne 261 : | Ligne 260 : | ||
{{ButtonLink | {{ButtonLink | ||
|link = https://github.com/nefald | |link = https://github.com/nefald | ||
| | |logo = github | ||
}} | }} | ||
| Ligne 272 : | Ligne 270 : | ||
|image = Custom-Logo.svg | |image = Custom-Logo.svg | ||
|text = Bouton personnalisé | |text = Bouton personnalisé | ||
| | |background = linear-gradient(135deg, #667eea 0%, #764ba2 100%) | ||
}} | }} | ||
</pre> | </pre> | ||
=== Boutons d'actions === | === Boutons d'actions === | ||
| Ligne 377 : | Ligne 284 : | ||
|image = Upload-Icon.svg | |image = Upload-Icon.svg | ||
|text = Téléverser un fichier | |text = Téléverser un fichier | ||
| | |logo = primary | ||
}} | }} | ||
{{ButtonLink | {{ButtonLink | ||
| Ligne 383 : | Ligne 290 : | ||
|image = Recent-Changes-Icon.svg | |image = Recent-Changes-Icon.svg | ||
|text = Modifications récentes | |text = Modifications récentes | ||
| | |logo = info | ||
}} | }} | ||
{{ButtonLink | {{ButtonLink | ||
| Ligne 389 : | Ligne 296 : | ||
|image = Wanted-Pages-Icon.svg | |image = Wanted-Pages-Icon.svg | ||
|text = Pages demandées | |text = Pages demandées | ||
| | |logo = warning | ||
}} | }} | ||
</div> | </div> | ||
| Ligne 399 : | Ligne 306 : | ||
* Entièrement responsive (adapté mobile) | * Entièrement responsive (adapté mobile) | ||
* Accessible (supporte les attributs alt et title) | * Accessible (supporte les attributs alt et title) | ||
* Supporte les liens externes | * Supporte les liens externes | ||
* Aucun JavaScript requis | * Aucun JavaScript requis | ||
* Compatible tous navigateurs modernes | * Compatible tous navigateurs modernes | ||
* Les icônes de lien externe sont automatiquement masquées | * Les icônes de lien externe sont automatiquement masquées | ||
== Voir aussi == | == Voir aussi == | ||
| Ligne 421 : | Ligne 319 : | ||
* [[Aide:Modèles]] | * [[Aide:Modèles]] | ||
< | <noinclude>[[Catégorie:Documentation de modèle]]</noinclude> | ||