« Boîte déroulante » : différence entre les versions
sur le Dico des Ados : ton dictionnaire collaboratif, libre et gratuit !
... |
Aucun résumé des modifications |
||
| Ligne 1 : | Ligne 1 : | ||
<includeonly><div class="dico-navigation-bar" style="{{{style global|}}}" data-hide-by-default="{{{masquer par défaut|1}}}"> | <includeonly><div class="dico-navigation-bar" style="{{{style global|}}}" data-hide-by-default="{{{masquer par défaut|1}}}"><div class="dico-nav-title" style="{{{style titre|}}}">{{{titre|'''Titre manquant'''}}}<span class="dico-nav-btn-container" style="{{{style conteneur bouton|}}}" data-hide-lbl="{{{label masquer|Masquer}}}" data-show-lbl="{{{label afficher|Afficher}}}">{{{texte chargement|[chargement]}}}</span></div><div class="dico-nav-frame" style="{{{style contenu|}}}">{{{contenu|'''Contenu manquant'''}}}</div></div></includeonly><noinclude> | ||
</div></includeonly><noinclude> | |||
Ce modèle permet d'afficher des petites boîtes déroulantes que l'utilisateur peut voir et masquer. | Ce modèle permet d'afficher des petites boîtes déroulantes que l'utilisateur peut voir et masquer. | ||
===Syntaxe complète=== | ===Syntaxe complète=== | ||
Tu n'es pas obligé de tout mettre ! Seul titre et contenu suffisent. | |||
< | <pre><nowiki> | ||
{{Boîte déroulante | {{Boîte déroulante | ||
|titre = <!--Le titre (visible lorsque la boîte est masquée), obligatoire--> | |titre = <!--Le titre (visible lorsque la boîte est masquée), obligatoire--> | ||
| Ligne 24 : | Ligne 16 : | ||
|style contenu = <!--Style de l'élément div qui possède le contenu--> | |style contenu = <!--Style de l'élément div qui possède le contenu--> | ||
|masquer par défaut = <!--Lors de l'initialisation du script, celui-ci masquera le contenu si le paramètre est mis à 1 (par défaut), et le laissera afficher s'il est à 0--> | |masquer par défaut = <!--Lors de l'initialisation du script, celui-ci masquera le contenu si le paramètre est mis à 1 (par défaut), et le laissera afficher s'il est à 0--> | ||
</nowiki></ | </nowiki></pre> | ||
====Exemple==== | ====Exemple==== | ||
<code><nowiki>{{Boîte déroulante|titre=Coucou !|contenu=Comment ça va ?}}</nowiki></code> | <code><nowiki>{{Boîte déroulante|titre=Coucou !|contenu=Comment ça va ?}}</nowiki></code> | ||
Version du 16 janvier 2021 à 21:57
Ce modèle permet d'afficher des petites boîtes déroulantes que l'utilisateur peut voir et masquer.
Syntaxe complète
Tu n'es pas obligé de tout mettre ! Seul titre et contenu suffisent.
{{Boîte déroulante
|titre = <!--Le titre (visible lorsque la boîte est masquée), obligatoire-->
|contenu = <!--Le contenu, obligatoire-->
|label afficher = <!--Pour le bouton afficher/masquer, texte à mettre à la place de Afficher-->
|label masquer = <!--Même chose mais à la place de Masquer-->
|texte chargement = <!--Texte à afficher en attendant que le script le remplace par le bouton afficher/masquer, par défaut [chargement]-->
|style global = <!--Style de l'élément div englobant tout le modèle-->
|style titre = <!--Style de l'élément div contenant le titre et le bouton-->
|style conteneur bouton = <!--Style de l'élément span contenant le bouton (il n'est pas possible de mettre un style personnalisé pour chaque boîte directement sur le bouton)-->
|style contenu = <!--Style de l'élément div qui possède le contenu-->
|masquer par défaut = <!--Lors de l'initialisation du script, celui-ci masquera le contenu si le paramètre est mis à 1 (par défaut), et le laissera afficher s'il est à 0-->
Exemple
{{Boîte déroulante|titre=Coucou !|contenu=Comment ça va ?}}
{{Boîte déroulante|titre=Piège !|contenu=Bien joué !|label afficher=Masquer|label masquer=Afficher}}
{{Boîte déroulante|titre=Je suis affiché...|contenu=...par défaut !|masquer par défaut=0}}