Modèle

« Bouton » : différence entre les versions

sur le Dico des Ados : ton dictionnaire collaboratif, libre et gratuit !

← Modification précédenteModification suivante →
VisuelWikicode
Vivian (discussion | contributions)
Bureaucrates, Vérificateurs d’utilisateurs, Cape d'invisibilité, staff, Profs
46 909 modifications
Aucun résumé des modifications
ABLouisBot (discussion | contributions)
Robots
1 882 modifications
m →Couleurs et syntaxe : suite substitution
Ligne 18 : Ligne 18 :
== Couleurs et syntaxe ==
== 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é.
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 36 : Ligne 36 :
| '''bleu'''
| '''bleu'''
|action à mettre en avant<br>inciter à cliquer
|action à mettre en avant<br>inciter à cliquer
| <nowiki>{{Bouton|Passer à l'étape suivante|couleur=bleu}}</nowiki>
| <nowiki>{{Bouton|Passer à l’étape suivante|couleur=bleu}}</nowiki>
| {{Bouton|Passer à l'étape suivante|couleur=bleu}}
| {{Bouton|Passer à l’étape suivante|couleur=bleu}}
|-
|-
| '''rouge'''
| '''rouge'''

Version du 22 juin 2020 à 15:14

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|Label du bouton}}

Exemple

  • [[Discussion_Dico:Salle_des_maitres|{{Bouton|Discuter dans la<br/>'''Salle des maitres'''|couleur=bleu}}]]

Discuter dans la
Salle des maitres


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|Action basique}} Action basique
bleu action à mettre en avant
inciter à cliquer 		{{Bouton|Passer à l’étape suivante|couleur=bleu}} Passer à l’étape suivante
rouge annulation
erreur 		{{Bouton|Annuler l’action en cours|couleur=rouge}} Annuler l’action en cours