« 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 |
Aucun résumé des modifications |
||
| Ligne 23 : | Ligne 23 : | ||
{{Boîte déroulante|titre=Piège !|contenu=Bien joué !|label afficher=Masquer|label masquer=Afficher}} | {{Boîte déroulante|titre=Piège !|contenu=Bien joué !|label afficher=Masquer|label masquer=Afficher}} | ||
<code><nowiki>{{Boîte déroulante|titre=Je suis affiché...|contenu=...par défaut !|masquer par défaut=0}}</nowiki></code> | <code><nowiki>{{Boîte déroulante|titre=Je suis affiché...|contenu=...par défaut !|masquer par défaut=0}}</nowiki></code> | ||
{{Boîte déroulante|titre=Je suis affiché...|contenu=...par défaut !|masquer par défaut=0}} | |||
Remarque : les boîtes sont masquées au démarrage (si demandé) par le script. Si vous voulez qu'une boîte soit masquée automatiquement et ce même si le script plante, ajoutez <code>display:none;</code> à '''style contenu'''. | |||
<code><nowiki>{{Boîte déroulante|titre=Je suis masqué...|contenu=...même si le script ne marche pas !|style contenu = display:none;|masquer par défaut=0}}</nowiki></code> | |||
{{Boîte déroulante|titre=Je suis affiché...|contenu=...par défaut !|masquer par défaut=0}} | {{Boîte déroulante|titre=Je suis affiché...|contenu=...par défaut !|masquer par défaut=0}} | ||
Version du 16 janvier 2021 à 22:00
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}}
Remarque : les boîtes sont masquées au démarrage (si demandé) par le script. Si vous voulez qu'une boîte soit masquée automatiquement et ce même si le script plante, ajoutez display:none; à style contenu.
{{Boîte déroulante|titre=Je suis masqué...|contenu=...même si le script ne marche pas !|style contenu = display:none;|masquer par défaut=0}}