« Bouton » : différence entre les versions
sur le Dico des Ados : ton dictionnaire collaboratif, libre et gratuit !
Aucun résumé des modifications |
m Remplacement de texte — « <br> » par « <br /> » |
||
| (2 versions intermédiaires par 2 utilisateurs non affichées) | |||
| Ligne 12 : | Ligne 12 : | ||
== Exemple == | == Exemple == | ||
* <code><nowiki>[[Discussion_Dico:Salle_des_maitres|{{Bouton|Discuter dans la<br/>'''Salle des maitres'''|couleur=bleu}}]]</nowiki></code> | * <code><nowiki>[[Discussion_Dico:Salle_des_maitres|{{Bouton|Discuter dans la<br />'''Salle des maitres'''|couleur=bleu}}]]</nowiki></code> | ||
[[Discussion_Dico:Salle_des_maitres|{{Bouton|Discuter dans la<br/>'''Salle des maitres'''|couleur=bleu}}]] | [[Discussion_Dico:Salle_des_maitres|{{Bouton|Discuter dans la<br />'''Salle des maitres'''|couleur=bleu}}]] | ||
== Couleurs et syntaxe == | == Couleurs et syntaxe == | ||
Il est très important de conserver et respecter ce code couleur, afin | 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 : | Trois couleurs sont disponibles sur ce bouton : | ||
| Ligne 30 : | Ligne 30 : | ||
|- | |- | ||
| '''gris''' | | '''gris''' | ||
|couleur par défaut<br>bouton par défaut n’appelant pas de commentaire particulier | |couleur par défaut<br />bouton par défaut n’appelant pas de commentaire particulier | ||
| <nowiki>{{Bouton|Action basique}}</nowiki> | | <nowiki>{{Bouton|Action basique}}</nowiki> | ||
| {{Bouton|Action basique}} | | {{Bouton|Action basique}} | ||
|- | |- | ||
| '''bleu''' | | '''bleu''' | ||
|action à mettre en avant<br>inciter à cliquer | |action à mettre en avant<br />inciter à cliquer | ||
| <nowiki>{{Bouton|Passer à | | <nowiki>{{Bouton|Passer à l’étape suivante|couleur=bleu}}</nowiki> | ||
| {{Bouton|Passer à | | {{Bouton|Passer à l’étape suivante|couleur=bleu}} | ||
|- | |- | ||
| '''rouge''' | | '''rouge''' | ||
|annulation<br>erreur | |annulation<br />erreur | ||
| <nowiki>{{Bouton|Annuler l’action en cours|couleur=rouge}}</nowiki> | | <nowiki>{{Bouton|Annuler l’action en cours|couleur=rouge}}</nowiki> | ||
| {{Bouton|Annuler l’action en cours|couleur=rouge}} | | {{Bouton|Annuler l’action en cours|couleur=rouge}} | ||
Dernière version du 19 mars 2021 à 10:37
Utilisation[modifier le wikicode]
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[modifier le wikicode]
{{Bouton|Label du bouton}}
Exemple[modifier le wikicode]
[[Discussion_Dico:Salle_des_maitres|{{Bouton|Discuter dans la<br />'''Salle des maitres'''|couleur=bleu}}]]
Couleurs et syntaxe[modifier le wikicode]
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|Action basique}} | |
| bleu | action à mettre en avant inciter à cliquer |
{{Bouton|Passer à l’étape suivante|couleur=bleu}} | |
| rouge | annulation erreur |
{{Bouton|Annuler l’action en cours|couleur=rouge}} |