« Bouton » : différence entre les versions
sur le Dico des Ados : ton dictionnaire collaboratif, libre et gratuit !
Page créée avec « {{Sous-page de documentation}} == Utilisation == Met un texte sous forme de bouton. Élément en forme « inline », il peut être contenu dans un bloc (paragraphe, div)... » |
Aucun résumé des modifications |
||
| Ligne 1 : | Ligne 1 : | ||
{{ | <includeonly><span class="mw-ui-button {{ #switch: {{{couleur|}}} | ||
| vert | green = mw-ui-progressive | |||
| rouge | red = mw-ui-destructive | |||
| bleu | blue = mw-ui-progressive | |||
| #default = mw-ui-neutral | |||
}}" role="button" aria-disabled="false">{{{1|<noinclude>Bouton cliquable</noinclude>}}}</span></includeonly> | |||
<noinclude> | |||
== Utilisation == | == Utilisation == | ||
| Ligne 42 : | Ligne 49 : | ||
Il existait [[:meta:Tech/News/2016/11/fr|jusqu'en mars 2016]] un bouton vert, qui a été supprimé pour éviter la confusion avec le bouton bleu quant aux actions à entreprendre. | Il existait [[:meta:Tech/News/2016/11/fr|jusqu'en mars 2016]] un bouton vert, qui a été supprimé pour éviter la confusion avec le bouton bleu quant aux actions à entreprendre. | ||
</noinclude> | |||
</ | |||
Version du 17 octobre 2017 à 20:37
Utilisation
Met un texte sous forme de bouton. Élément en forme « inline », il peut être contenu dans un bloc (paragraphe, div) ou être de couleur.
Syntaxe
{{Bouton cliquable|Label du bouton}}
Exemple
{{Bouton cliquable|Mon super bouton}}
Couleurs et syntaxe
Il est très important de conserver et respecter ce code couleur, afin d'avoir une interface cohérente. Si vous créez un modèle destiné à attirer l’attention, concentrez-vous sur le message et sa mise en page (niveaux de titre, clarté) plutôt que de mettre un bouton rouge qui sera mal interprété.
Trois couleurs sont disponibles sur ce bouton :
| Couleur | Sens | Syntaxe | Résultat |
|---|---|---|---|
| gris | couleur par défaut bouton par défaut n’appelant pas de commentaire particulier |
{{Bouton cliquable|Action basique}} | Modèle:Bouton cliquable |
| bleu | action à mettre en avant inciter à cliquer |
{{Bouton cliquable|Passer à l'étape suivante|couleur=bleu}} | Modèle:Bouton cliquable |
| rouge | annulation erreur |
{{Bouton cliquable|Annuler l’action en cours|couleur=rouge}} | Modèle:Bouton cliquable |
Il existait jusqu'en mars 2016 un bouton vert, qui a été supprimé pour éviter la confusion avec le bouton bleu quant aux actions à entreprendre.