Historique du site : Différence entre versions
Ligne 1 : | Ligne 1 : | ||
− | + | {{Sous-page de documentation}} | |
+ | Les modèles {{m|Section déroulante début}} et {{m|Section déroulante fin}} permettent de créer une section de contenu enroulée, ouverte en cliquant sur son titre. | ||
+ | Celui-ci crée un véritable titre de section, mais il ne pose pas le problème rencontré avec les titres de sections placés dans les {{m|Boîte déroulante}} qui, elles, ne sont pas atteignables à partir du sommaire de la page. | ||
+ | |||
+ | Il est également possible de créer un groupe de sections dotée d'un lien commun « tout ouvrir / tout fermer ». | ||
+ | |||
+ | '''Attention''' : ce modèle est destiné aux pages d'aides, aux pages meta, etc., et non aux articles. Pour un exemple d'utilisation, voir [[Aide:Sommaire]]. | ||
+ | |||
+ | == Syntaxe == | ||
+ | <pre> | ||
+ | {{Section déroulante début | ||
+ | |titre= | ||
+ | |niveau= | ||
+ | }} | ||
+ | |||
+ | {{Section déroulante fin}} | ||
+ | </pre> | ||
+ | |||
+ | == Paramètres == | ||
+ | |||
+ | * <code>titre</code> : titre de la section (obligatoire) ; | ||
+ | * <code>niveau</code> : niveau de titre de la section (optionnel, titre de niveau 2 par défaut) ; | ||
+ | |||
+ | == Exemple == | ||
+ | |||
+ | <pre> | ||
+ | {{Section déroulante début | ||
+ | |titre=Exemple de section déroulante | ||
+ | }} | ||
+ | {{Lorem ipsum}} | ||
+ | {{Section déroulante fin}} | ||
+ | </pre> | ||
+ | |||
+ | {{Section déroulante début | ||
+ | |titre=Exemple de section déroulante | ||
+ | }} | ||
+ | {{Lorem ipsum}} | ||
+ | {{Section déroulante fin}} | ||
+ | |||
+ | == Utilisation pour un groupe de sections == | ||
+ | |||
+ | Lorsque plusieurs sections déroulantes sont utilisées à la suite, il est possible de les associer pour les doter automatiquement d'un lien « tout ouvrir / tout fermer » : | ||
+ | <pre> | ||
<div class="fr-collapsible-group"> | <div class="fr-collapsible-group"> | ||
<h2 class="fr-collapsible-group-toogle">Titre du groupe de sections</h2> | <h2 class="fr-collapsible-group-toogle">Titre du groupe de sections</h2> | ||
Ligne 14 : | Ligne 56 : | ||
{{Section déroulante fin}} | {{Section déroulante fin}} | ||
</div> | </div> | ||
+ | </pre> | ||
+ | |||
+ | <div class="fr-collapsible-group"> | ||
+ | <h2 class="fr-collapsible-group-toogle">Titre du groupe de sections</h2> | ||
+ | {{Section déroulante début|niveau=3|titre=Section 1}} | ||
+ | {{Lorem ipsum}} | ||
+ | {{Section déroulante fin}} | ||
+ | {{Section déroulante début|niveau=3|titre=Section 2}} | ||
+ | {{Lorem ipsum}} | ||
+ | {{Section déroulante fin}} | ||
+ | {{Section déroulante début|niveau=3|titre=Section 3}} | ||
+ | {{Lorem ipsum}} | ||
+ | {{Section déroulante fin}} | ||
+ | </div> | ||
+ | |||
+ | <includeonly> | ||
+ | <!-- catégories et interwikis pour le modèle --> | ||
+ | [[Catégorie:Modèle déroulant]] | ||
+ | |||
+ | </includeonly> |
Version du 23 juillet 2017 à 03:59
Modèle:Sous-page de documentation
Les modèles Modèle:M et Modèle:M permettent de créer une section de contenu enroulée, ouverte en cliquant sur son titre.
Celui-ci crée un véritable titre de section, mais il ne pose pas le problème rencontré avec les titres de sections placés dans les Modèle:M qui, elles, ne sont pas atteignables à partir du sommaire de la page.
Il est également possible de créer un groupe de sections dotée d'un lien commun « tout ouvrir / tout fermer ».
Attention : ce modèle est destiné aux pages d'aides, aux pages meta, etc., et non aux articles. Pour un exemple d'utilisation, voir Aide:Sommaire.
Sommaire
Syntaxe
{{Section déroulante début |titre= |niveau= }} {{Section déroulante fin}}
Paramètres
-
titre
: titre de la section (obligatoire) ; -
niveau
: niveau de titre de la section (optionnel, titre de niveau 2 par défaut) ;
Exemple
{{Section déroulante début |titre=Exemple de section déroulante }} {{Lorem ipsum}} {{Section déroulante fin}}
Modèle:Section déroulante début Modèle:Lorem ipsum Modèle:Section déroulante fin
Utilisation pour un groupe de sections
Lorsque plusieurs sections déroulantes sont utilisées à la suite, il est possible de les associer pour les doter automatiquement d'un lien « tout ouvrir / tout fermer » :
<div class="fr-collapsible-group"> <h2 class="fr-collapsible-group-toogle">Titre du groupe de sections</h2> {{Section déroulante début|niveau=3|titre=Section 1}} {{Lorem ipsum}} {{Section déroulante fin}} {{Section déroulante début|niveau=3|titre=Section 2}} {{Lorem ipsum}} {{Section déroulante fin}} {{Section déroulante début|niveau=3|titre=Section 3}} {{Lorem ipsum}} {{Section déroulante fin}} </div>
Titre du groupe de sections
Modèle:Section déroulante début Modèle:Lorem ipsum Modèle:Section déroulante fin Modèle:Section déroulante début Modèle:Lorem ipsum Modèle:Section déroulante fin Modèle:Section déroulante début Modèle:Lorem ipsum Modèle:Section déroulante fin