Bouton cliquable
De Mi caja de notas
Révision datée du 31 janvier 2015 à 03:18 par Xtof (discussion | contributions) (Page créée avec « <includeonly><span class="mw-ui-button {{ #switch: {{{couleur|}}} | vert | green = mw-ui-constructive | rouge | red = mw-ui-destructive | bleu | blue = mw-ui-primary |... »)
Révision datée du 31 janvier 2015 à 03:18 par Xtof (discussion | contributions) (Page créée avec « <includeonly><span class="mw-ui-button {{ #switch: {{{couleur|}}} | vert | green = mw-ui-constructive | rouge | red = mw-ui-destructive | bleu | blue = mw-ui-primary |... »)
La documentation de ce modèle est incluse depuis sa sous-page de documentation (modifier | historique).
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é.
Quatre 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}} | |
bleu | action à mettre en avant inciter à cliquer |
{{Bouton cliquable|J'attire l'attention|couleur=blue}} | |
vert | étape de validation action positive action annexe à celle d'un bouton bleu |
{{Bouton cliquable|Passer à l'étape suivante|couleur=green}} | |
rouge | annulation erreur |
{{Bouton cliquable|Annuler l’action en cours|couleur=red}} |