Basculer le menu
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:Button/doc » : différence entre les versions

De Nefald
Hiob (discussion | contributions)
m couleur
Hiob (discussion | contributions)
m Cosmétique
Ligne 236 : Ligne 236 :
{{ButtonLink
{{ButtonLink
|link  = https://nfald.fr/discord
|link  = https://nfald.fr/discord
|image = Discord-Logo-White.svg
|text  = Rejoignez notre communauté
|text  = Rejoignez notre Discord
|color = discord
|color = discord
}}
}}
Ligne 244 : Ligne 243 :
{{ButtonLink
{{ButtonLink
|link  = https://nfald.fr/discord
|link  = https://nfald.fr/discord
|image = Discord-Logo-White.svg
|text  = Rejoignez notre Discord
|text  = Rejoignez notre Discord
|color = discord
|color = discord
Ligne 254 : Ligne 252 :
{{ButtonLink
{{ButtonLink
|link  = https://github.com/nefald
|link  = https://github.com/nefald
|image = GitHub-Logo-White.svg
|color = github
|color = github
}}
}}
Ligne 261 : Ligne 258 :
{{ButtonLink
{{ButtonLink
|link  = https://github.com/nefald
|link  = https://github.com/nefald
|image = GitHub-Logo-White.svg
|color = github
|color = github
}}
}}
Ligne 276 : Ligne 272 :
</pre>
</pre>


=== Grille de téléchargements multi-plateformes ===
<pre>
<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>
</pre>
<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>
=== Rangée de réseaux sociaux ===


<pre>
<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>
</pre>


=== Boutons d'actions ===
=== Boutons d'actions ===
Ligne 399 : Ligne 304 :
* 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 et internes
* 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
== Accessibilité ==
Le modèle est conçu pour être accessible :
* Utilisation d'attributs <code>alt</code> pour les images
* Attributs <code>title</code> pour les infobulles
* Contraste de couleur respectant les normes WCAG
* Navigation au clavier possible
* Compatible avec les lecteurs d'écran


== Voir aussi ==
== Voir aussi ==
Les témoins (''cookies'') nous aident à fournir nos services. En utilisant nos services, vous acceptez notre utilisation de témoins.