Modèle:Boîte déroulante/Documentation : Différence entre versions

De Les Mots de l'agronomie
imported>Jacques Ducloy
m (1 version)
imported>Jacques Ducloy
m (1 révision importée)
 
Ligne 1 : Ligne 1 :
<noinclude>{{Documentation modèle vue directement}}</noinclude>
+
{{Sous-page de documentation}}
{{Modèle importé de Wikipédia}}
+
{{Modèle importé de Wikipédia France
 +
|url=https://fr.wikipedia.org/w/index.php?title=Mod%C3%A8le:Bo%C3%AEte_d%C3%A9roulante&oldid=126593062
 +
|adaptation=Modification du balisage html au niveau des groupes
 +
}}
 +
== Utilisation ==
 
;Cette documentation concerne :
 
;Cette documentation concerne :
 
* le modèle '''{{M|Boîte déroulante}}'''
 
* le modèle '''{{M|Boîte déroulante}}'''
 
* le modèle '''{{M|Boîte déroulante/début}}''' (qui s’utilise avec {{M|Boîte déroulante/fin}}) et permet de mettre un contenu plus varié.
 
* le modèle '''{{M|Boîte déroulante/début}}''' (qui s’utilise avec {{M|Boîte déroulante/fin}}) et permet de mettre un contenu plus varié.
  
;Recommandation :
+
'''Recommandations''' (voir [[Aide:Boîte déroulante et autres modèles déroulants]]) :
{{article détaillé|Aide:Boîte déroulante et autres modèles déroulants}}
+
* Limiter l’utilisation de boîtes déroulantes
:Limiter l’utilisation de boîtes déroulantes
+
* Ne pas utiliser de boîte déroulante à l’intérieur d’une boîte déroulante
:Ne pas utiliser de boîte déroulante à l’intérieur d’une boîte déroulante
+
* Utiliser {{M|Boîte déroulante/début}} pour mettre un tableau dans une boite déroulante.
:Utiliser {{M|Boîte déroulante/début}} pour mettre un tableau dans une boite déroulante.
+
 
 +
== Syntaxe ==
 +
'''Utilisation :''' pour {{M|Boîte déroulante}}
 +
<nowiki>{{boîte déroulante|titre=TITRE|contenu=CONTENU}}</nowiki>
 +
'''OU'''
 +
<nowiki>{{boîte déroulante
 +
|align=ALIGN
 +
|alignT=ALIGNT
 +
|titre=TITRE
 +
|label=LABEL
 +
|contenu=CONTENU
 +
|largeur=LARGEUR
 +
|hauteur=HAUTEUR
 +
}}</nowiki>
  
;Utilisation : {{M|Boîte déroulante}}
+
Le paramètre <code>modèle</code> ne peut être ajouté que dans l'espace modèle. Il sert à ajouter un lien vers le modèle utilisant la boîte déroulante.
<code><nowiki>{{boîte déroulante|titre=TITRE|contenu=CONTENU}}</nowiki></code><br />
 
<code><nowiki>{{boîte déroulante|align=ALIGN|alignT=ALIGNT|titre=TITRE|label=LABEL|contenu=CONTENU|largeur=LARGEUR|hauteur=HAUTEUR}}</nowiki></code>
 
  
;Utilisation : {{M|Boîte déroulante/début}}
+
'''Utilisation :''' pour {{M|Boîte déroulante/début}}
<code><nowiki>{{boîte déroulante/début|titre=TITRE}}</nowiki></code><br />
+
<pre>{{boîte déroulante/début|titre=TITRE}}
<code><nowiki>Contenu</nowiki></code><br />
+
Contenu
<code><nowiki>{{boîte déroulante/fin}}</nowiki></code><br />
+
{{boîte déroulante/fin}}</pre>
  
 +
== Paramètres ==
 
{| class="wikitable"
 
{| class="wikitable"
 
|----
 
|----
! colspan="4" | <big>Paramètres obligatoires</big>
+
! scope="row" colspan="4" | <big>Paramètres obligatoires</big>
 
|----
 
|----
! &nbsp;paramètre&nbsp; || &nbsp;effet&nbsp; || colspan="2" | &nbsp;valeurs possibles&nbsp;
+
! scope="col" | paramètre !! scope="col" | effet !! scope="col" colspan="2" | valeurs possibles
 
|----
 
|----
| <code>titre</code> || Titre affiché de la boîte || colspan="2" | Totalement libre
+
| <code>titre</code> || Titre affiché de la boîte || colspan="2" | Totalement libre, mais le caractère « | » par exemple ne passe pas.
 
|----
 
|----
| <code>contenu</code> || Texte contenu dans la boîte || colspan="2" | Totalement libre, mais certains caractères spéciaux ne passent pas.<br />Utiliser dans ce cas "{{M|Boîte déroulante début}} ''contenu'' {{M|Boîte déroulante fin}}".
+
| <code>contenu</code> || Texte contenu dans la boîte || colspan="2" | Totalement libre, mais certains caractères spéciaux ne passent pas, comme la barre verticale. Utiliser dans ce cas :<br /><code>{{M|Boîte déroulante/début}} ''contenu'' {{M|Boîte déroulante/fin}}</code>.
 
|----
 
|----
! colspan="4" | <big>Paramètres facultatifs</big>
+
! scope="row" colspan="4" | <big>Paramètres facultatifs</big>
 
|----
 
|----
! &nbsp;paramètre&nbsp; || &nbsp;effet&nbsp; || &nbsp;valeur par défaut&nbsp; || &nbsp;valeurs possibles&nbsp;
+
! scope="col" | paramètre !! scope="col" | effet !! scope="col" | valeur par défaut !! scope="col" | valeurs possibles
 +
|----
 +
| <code>modèle</code> || lien vers le modèle || || <code>nom du modèle (sans <code>modèle:</code>)</code>
 
|----
 
|----
| <code>br</code> || saut de ligne en entête || <code>br=yes</code> || br=no pour les boites déroulantes empilées.
+
| <code>arrondi</code> (désactivé) || arrondi des angles || <code>0</code> || Les angles peuvent apparaître arrondis si le navigateur le permet.<br />Visible sur les navigateurs [[Mozilla Foundation|Mozilla]], non visible sur [[Internet Explorer]].<br />Valeur conseillée : <code>0.6em</code>, s’exprime en '''pt''', '''px''' ou '''em'''
 
|----
 
|----
| <code>arrondi</code> (désactivé)|| arrondi des angles || <code>0</code> || Les angles peuvent apparaître arrondis si le navigateur le permet
+
| <code>image</code> || image à gauche ||  || L’image facultative apparaît à l’ouverture de la boîte.<br />Elle doit être totalement renseignée.<br />Exemple : <code><nowiki>[[Fichier:Gtk-dialog-info.svg|15px]]</nowiki></code>
* [[Mozilla]] : visible
 
* [[Internet Explorer]] : non visible
 
Valeur conseillée : <code>0.6em</code><br/>
 
S’exprime en '''pt''', '''px''' ou '''em'''
 
|----
 
| <code>image</code> || image à gauche ||  || L’image facultative apparaît à l’ouverture de la boîte.<br />Elle doit être totalement renseignée.<br />Exemple : <code><nowiki>[[Image:Gtk-dialog-info.svg|15px]]</nowiki></code>
 
 
|----
 
|----
 
| <code>alignB</code> || alignement de la boîte || <code>left</code> || <code>left</code>, <code>right</code>, <code>center</code> ou <code>justify</code>
 
| <code>alignB</code> || alignement de la boîte || <code>left</code> || <code>left</code>, <code>right</code>, <code>center</code> ou <code>justify</code>
 
|----
 
|----
 
| <code>hauteur</code> || hauteur de la boîte repliée || <code>1.6em</code> || La hauteur doit être exprimée avec une unité valable.<br />Ne pas mettre une hauteur inférieure à 1.6em sous peine d’effets indésirables
 
| <code>hauteur</code> || hauteur de la boîte repliée || <code>1.6em</code> || La hauteur doit être exprimée avec une unité valable.<br />Ne pas mettre une hauteur inférieure à 1.6em sous peine d’effets indésirables
|----
 
| <code>margeHaut</code> || marge haut (avant la boîte) || <code>0em</code> || La hauteur doit être exprimée avec une unité valable.<br />Il est possible de mettre 0
 
 
|----
 
|----
 
| <code>margeBas</code> || marge bas (après la boîte) || <code>1em</code> || La hauteur doit être exprimée avec une unité valable.<br />Il est possible de mettre 0
 
| <code>margeBas</code> || marge bas (après la boîte) || <code>1em</code> || La hauteur doit être exprimée avec une unité valable.<br />Il est possible de mettre 0
 
|----
 
|----
| <code>largeur</code> || largeur de la boîte || <code>100%</code> || La largeur doit être exprimée avec une unité valable
+
| <code>largeur</code> || largeur de la boîte || <code>100%</code> || La largeur doit être exprimée avec une unité valable.
 
|----
 
|----
 
| <code>couleurBordure</code> || couleur de la bordure || <code>#AAAAAA</code> || rowspan="3" | Expression de couleur valide<br />exemples : black, #C080FF, …<br />{{Boîte déroulante|titre=Table des couleurs|arrondi=0.6em|align=center|largeur=98%|couleurFondB=#eee|couleurFondT=#fff|couleurFond=#fff| contenu={{Table des couleurs}}}}
 
| <code>couleurBordure</code> || couleur de la bordure || <code>#AAAAAA</code> || rowspan="3" | Expression de couleur valide<br />exemples : black, #C080FF, …<br />{{Boîte déroulante|titre=Table des couleurs|arrondi=0.6em|align=center|largeur=98%|couleurFondB=#eee|couleurFondT=#fff|couleurFond=#fff| contenu={{Table des couleurs}}}}
Ligne 60 : Ligne 70 :
 
| <code>couleurFond</code> || couleur de fond du contenu || <code>white</code>  
 
| <code>couleurFond</code> || couleur de fond du contenu || <code>white</code>  
 
|----
 
|----
! colspan="4" | <big>Texte</big>
+
! scope="row" colspan="4" | <big>Texte</big>
 
|----
 
|----
 
| <code>align</code> || alignement du contenu || <code>left</code> || rowspan="2" |<code>left</code>, <code>right</code>, <code>center</code> ou <code>justify</code>
 
| <code>align</code> || alignement du contenu || <code>left</code> || rowspan="2" |<code>left</code>, <code>right</code>, <code>center</code> ou <code>justify</code>
Ligne 66 : Ligne 76 :
 
| <code>alignT</code> || alignement du titre || <code>center</code>  
 
| <code>alignT</code> || alignement du titre || <code>center</code>  
 
|----
 
|----
| <code>taille</code> || taille de police du contenu || <code>1em</code> || libre, de préférence exprimé en ''em'' : 1em, 0.9em, etc.
+
| <code>label</code> || texte du lien de droite || <code><nowiki>[dérouler] / [enrouler]</nowiki></code> || Totalement libre. Le caractère "/" permet de séparer les deux libellés. Exemple : <code>[ afficher ] / [ masquer ]</code>.
|----
 
| <code>label</code> || texte du lien de droite || <code><nowiki>[ Dérouler ] / [ Enrouler ]</nowiki></code> || Totalement libre. Le caractère "/" permet de séparer les deux libellés. Exemple : <code>[ afficher ] / [ masquer ]</code>
 
 
|----
 
|----
 
| <code>couleurFondT</code> || couleur de fond du titre || <code>#EFEFEF</code> || rowspan="2" | Expression de couleur valide<br />exemples : black, #C080FF, …<br />{{Boîte déroulante|titre=Table des couleurs|arrondi=0.6em|align=center|largeur=98%|couleurFondB=#eee|couleurFondT=#fff|couleurFond=#fff| contenu={{Table des couleurs}}}}
 
| <code>couleurFondT</code> || couleur de fond du titre || <code>#EFEFEF</code> || rowspan="2" | Expression de couleur valide<br />exemples : black, #C080FF, …<br />{{Boîte déroulante|titre=Table des couleurs|arrondi=0.6em|align=center|largeur=98%|couleurFondB=#eee|couleurFondT=#fff|couleurFond=#fff| contenu={{Table des couleurs}}}}
Ligne 77 : Ligne 85 :
 
|}
 
|}
  
Un modèle alternatif existe, composé de deux morceaux indissociables : {{m|Boîte déroulante/début}} et {{m|Boîte déroulante/fin}}, le premier accepte les mêmes paramètres que {{m|Boîte déroulante}}, la différence est que le contenu peut être arbitraire alors que ({{m|Boîte déroulante}} ne permet pas de caractères '''|''' dans le contenu).
+
== Variante ==
 
+
Un modèle alternatif existe, composé de deux morceaux indissociables : {{m|Boîte déroulante/début}} et {{m|Boîte déroulante/fin}}, le premier accepte les mêmes paramètres que {{m|Boîte déroulante}}, la différence est que le contenu peut être arbitraire (alors que {{m|Boîte déroulante}} ne permet pas de caractères '''|''' dans le contenu).
  
{| width="100%"
+
== Exemples ==
| width="48%" | {{boîte déroulante|image=[[Fichier:Gtk-dialog-info.svg|15px]]|align=left|align=left|titre=par défaut (align=left, alignT=center)|contenu=
+
{{boîte déroulante|image=[[Fichier:Gtk-dialog-info.svg|15px]]|align=left|alignT=center|titre=par défaut (align=left, alignT=center)|contenu=
 
Lorem ipsum dolor sit amet, consectetaur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.  
 
Lorem ipsum dolor sit amet, consectetaur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.  
 
Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.}}
 
Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.}}
| width="4%" | &nbsp;
+
{{boîte déroulante|align=right|titre=Contenu à droite (align=right)|contenu=
| width="48%" | {{boîte déroulante|align=right|titre=Contenu à droite (align=right)|contenu=
 
 
Lorem ipsum dolor sit amet, consectetaur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.  
 
Lorem ipsum dolor sit amet, consectetaur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.  
 
Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.}}
 
Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.}}
|----
+
{{boîte déroulante|align=center|alignT=left|titre=Contenu centré, titre à gauche (align=center, alignT=left)|contenu=
| width="48%" | {{boîte déroulante|align=center|alignT=left|titre=Contenu centré, titre à gauche (align=center, alignT=left)|contenu=
 
 
Lorem ipsum dolor sit amet, consectetaur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.  
 
Lorem ipsum dolor sit amet, consectetaur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.  
 
Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.}}
 
Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.}}
| width="4%" | &nbsp;
+
{{boîte déroulante|align=justify|alignT=right|titre=Contenu justifié, titre à droite (align=justify, alignT=right)|contenu=
| width="48%" | {{boîte déroulante|align=justify|alignT=right|titre=Contenu justifié, titre à droite (align=justify, alignT=right)|contenu=
 
 
Lorem ipsum dolor sit amet, consectetaur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.  
 
Lorem ipsum dolor sit amet, consectetaur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.  
 
Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.}}
 
Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.}}
|----
+
{{boîte déroulante|titre=essais de couleurs pour démonstration|couleurBordure=green|couleurFondB=lightpink|couleurFondT=yellow|couleurTexteT=blue|couleurFond=lightcyan|contenu=
| width="48%" | {{boîte déroulante|titre=essais de couleurs pour démonstration|couleurBordure=green|couleurFondB=lightpink|couleurFondT=yellow|couleurTexteT=blue|couleurFond=lightcyan|contenu=
+
<br />&nbsp;&nbsp;[[Fichier:Palette boîte déroulante.gif|alt=Exemple de boîte déroulante avec des couleurs]]
<br />&nbsp;&nbsp;[[Fichier:Palette boîte déroulante.gif]]
+
* couleurBordure=green
*couleurBordure=green
+
* couleurFondB=lightpink
*couleurFondB=lightpink
+
* couleurFondT=yellow
*couleurFondT=yellow
+
* couleurTexteT=blue
*couleurTexteT=blue
+
* couleurFond=lightcyan
*couleurFond=lightcyan
 
 
}}
 
}}
| width="4%" | &nbsp;
+
{{Boîte déroulante|titre=Boîte déroulante avec angles ronds (arrondi=0.6em)|arrondi=0.6em|contenu =Lorem ipsum dolor sit amet, consectetaur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.  
| width="48%" | {{Boîte déroulante|titre=Boîte déroulante avec angles ronds (arrondi=0.6em)|arrondi=0.6em|contenu =Lorem ipsum dolor sit amet, consectetaur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.  
 
 
Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.}}
 
Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.}}
|----
+
 
|}
+
== Template Data ==
 +
<templatedata>
 +
{
 +
        "description": "Ce modèle permet de mettre un texte dépourvu de barre verticale dans une boîte déroulante",
 +
        "params": {
 +
                "titre": {
 +
                        "label": "Titre",
 +
                        "description": "Titre de la boîte",
 +
                        "type": "string",
 +
                        "required": true
 +
                },
 +
                "contenu": {
 +
                        "label": "Contenu",
 +
                        "description": "Texte à mettre en boîte",
 +
                        "type": "string",
 +
                        "required": true
 +
                },
 +
                "align": {
 +
                        "label": "Nom du modèle",
 +
                        "description": "Nom du modèle",
 +
                        "type": "string",
 +
                        "required": false
 +
                },
 +
                "align": {
 +
                        "label": "Alignement du contenu",
 +
                        "description": "left, right, center ou justify ?",
 +
                        "type": "string",
 +
                        "default": "left",
 +
                        "required": false
 +
                },
 +
                "alignT": {
 +
                        "label": "Alignement du titre",
 +
                        "description": "left, right, center ou justify ?",
 +
                        "type": "string",
 +
                        "default": "center",
 +
                        "required": false
 +
                },
 +
                "alignB": {
 +
                        "label": "Alignement de la boîte",
 +
                        "description": "left, right, center ou justify ?",
 +
                        "type": "string",
 +
                        "default": "left",
 +
                        "required": false
 +
                },
 +
                "label": {
 +
                        "label": "Label",
 +
                        "description": "Texte du lien de droite",
 +
                        "type": "string",
 +
                        "default": "Dérouler/Enrouler",
 +
                        "required": false
 +
                },
 +
                "hauteur": {
 +
                        "label": "Hauteur",
 +
                        "description": "Hauteur de la boîterepliée",
 +
                        "type": "string",
 +
                        "default": "1.6em",
 +
                        "required": false
 +
                },
 +
                "largeur": {
 +
                        "label": "Largeur",
 +
                        "description": "Largeur de la boîterepliée",
 +
                        "type": "string",
 +
                        "default": "100%",
 +
                        "required": false
 +
                },
 +
                "couleurTexteT": {
 +
                        "label": "Couleur titre",
 +
                        "description": "Couleur du titre",
 +
                        "type": "string",
 +
                        "default": "black",
 +
                        "required": false
 +
                },
 +
                "thinning": {
 +
                        "label": "Titre en gras",
 +
                        "description": "Yes ou no",
 +
                        "type": "string",
 +
                        "default": "no",
 +
                        "required": false
 +
                },
 +
                "couleurFondT": {
 +
                        "label": "Couleur fond titre",
 +
                        "description": "Couleur du fond de titre",
 +
                        "type": "string",
 +
                        "default": "#EFEFEF",
 +
                        "required": false
 +
                },
 +
                "couleurFondB": {
 +
                        "label": "Couleur fond boîte",
 +
                        "description": "Couleur de fond de la boîte",
 +
                        "type": "string",
 +
                        "default": "#FFFFFF",
 +
                        "required": false
 +
                },
 +
                "couleurFond": {
 +
                        "label": "Couleur fond contenu",
 +
                        "description": "Couleur de fond du contenu",
 +
                        "type": "string",
 +
                        "default": "white",
 +
                        "required": false
 +
                },
 +
                "couleurBordure": {
 +
                        "label": "Couleur bordure",
 +
                        "description": "Couleur de la bordure",
 +
                        "type": "string",
 +
                        "default": "#AAAAAA",
 +
                        "required": false
 +
                }
 +
        }
 +
}
 +
</templatedata>
  
 
== Voir aussi ==
 
== Voir aussi ==
{{Modèles navigationnels}}
+
{{Palette|Modèles navigationnels}}
<noinclude>
+
<includeonly>
</noinclude><includeonly>
 
<!--[[Modèle:Boîte déroulante]]-->
 
 
[[Catégorie:Modèle déroulant]]
 
[[Catégorie:Modèle déroulant]]
 +
[[Catégorie:Modèle encadré]]
 
</includeonly>
 
</includeonly>
 
 
[[en:Template:Hidden box/doc]]
 
]
 

Version actuelle datée du 7 décembre 2020 à 16:43

Illustration de documentation
Ceci est la page de documentation de Modèle:Boîte déroulante [modifier] [purger].
Cette sous-page contient les instructions, les catégories de son modèle d'origine et elle n'est pas destinée à être visualisée directement.
logo import Wikipedia Modèle importé de Wikipédia France
voir :
Adaptation

Modification du balisage html au niveau des groupes

en:Template:Template imported from Wikipedia in French

Utilisation

Cette documentation concerne 

Recommandations (voir Aide:Boîte déroulante et autres modèles déroulants) :

  • Limiter l’utilisation de boîtes déroulantes
  • Ne pas utiliser de boîte déroulante à l’intérieur d’une boîte déroulante
  • Utiliser {{Boîte déroulante/début}} pour mettre un tableau dans une boite déroulante.

Syntaxe

Utilisation : pour {{Boîte déroulante}}

{{boîte déroulante|titre=TITRE|contenu=CONTENU}}
OU
{{boîte déroulante
 |align=ALIGN
 |alignT=ALIGNT
 |titre=TITRE
 |label=LABEL
 |contenu=CONTENU
 |largeur=LARGEUR
 |hauteur=HAUTEUR
 }}

Le paramètre modèle ne peut être ajouté que dans l'espace modèle. Il sert à ajouter un lien vers le modèle utilisant la boîte déroulante.

Utilisation : pour {{Boîte déroulante/début}}

{{boîte déroulante/début|titre=TITRE}}
Contenu
{{boîte déroulante/fin}}

Paramètres

Paramètres obligatoires
paramètre effet valeurs possibles
titre Titre affiché de la boîte Totalement libre, mais le caractère « | » par exemple ne passe pas.
contenu Texte contenu dans la boîte Totalement libre, mais certains caractères spéciaux ne passent pas, comme la barre verticale. Utiliser dans ce cas :
{{Boîte déroulante/début}} contenu {{Boîte déroulante/fin}}.
Paramètres facultatifs
paramètre effet valeur par défaut valeurs possibles
modèle lien vers le modèle nom du modèle (sans modèle:)
arrondi (désactivé) arrondi des angles 0 Les angles peuvent apparaître arrondis si le navigateur le permet.
Visible sur les navigateurs Mozilla, non visible sur Internet Explorer.
Valeur conseillée : 0.6em, s’exprime en pt, px ou em
image image à gauche L’image facultative apparaît à l’ouverture de la boîte.
Elle doit être totalement renseignée.
Exemple : [[Fichier:Gtk-dialog-info.svg|15px]]
alignB alignement de la boîte left left, right, center ou justify
hauteur hauteur de la boîte repliée 1.6em La hauteur doit être exprimée avec une unité valable.
Ne pas mettre une hauteur inférieure à 1.6em sous peine d’effets indésirables
margeBas marge bas (après la boîte) 1em La hauteur doit être exprimée avec une unité valable.
Il est possible de mettre 0
largeur largeur de la boîte 100% La largeur doit être exprimée avec une unité valable.
couleurBordure couleur de la bordure #AAAAAA Expression de couleur valide
exemples : black, #C080FF, …
couleurFondB couleur de fond de la boîte #FFFFFF
couleurFond couleur de fond du contenu white
Texte
align alignement du contenu left left, right, center ou justify
alignT alignement du titre center
label texte du lien de droite [dérouler] / [enrouler] Totalement libre. Le caractère "/" permet de séparer les deux libellés. Exemple : [ afficher ] / [ masquer ].
couleurFondT couleur de fond du titre #EFEFEF Expression de couleur valide
exemples : black, #C080FF, …
couleurTexteT couleur du texte de titre black
thinning titre pas en gras no yes/no

Variante

Un modèle alternatif existe, composé de deux morceaux indissociables : {{Boîte déroulante/début}} et {{Boîte déroulante/fin}}, le premier accepte les mêmes paramètres que {{Boîte déroulante}}, la différence est que le contenu peut être arbitraire (alors que {{Boîte déroulante}} ne permet pas de caractères | dans le contenu).

Exemples

Template Data

Ce modèle permet de mettre un texte dépourvu de barre verticale dans une boîte déroulante

Paramètres du modèle

ParamètreDescriptionTypeStatut
Titretitre

Titre de la boîte

Par défaut
vide
Exemple
vide
Valeur automatique
vide
Chaîneobligatoire
Contenucontenu

Texte à mettre en boîte

Par défaut
vide
Exemple
vide
Valeur automatique
vide
Chaîneobligatoire
Alignement du contenualign

left, right, center ou justify ?

Par défaut
left
Exemple
vide
Valeur automatique
vide
Chaînefacultatif
Alignement du titrealignT

left, right, center ou justify ?

Par défaut
center
Exemple
vide
Valeur automatique
vide
Chaînefacultatif
Alignement de la boîtealignB

left, right, center ou justify ?

Par défaut
left
Exemple
vide
Valeur automatique
vide
Chaînefacultatif
Labellabel

Texte du lien de droite

Par défaut
Dérouler/Enrouler
Exemple
vide
Valeur automatique
vide
Chaînefacultatif
Hauteurhauteur

Hauteur de la boîterepliée

Par défaut
1.6em
Exemple
vide
Valeur automatique
vide
Chaînefacultatif
Largeurlargeur

Largeur de la boîterepliée

Par défaut
100%
Exemple
vide
Valeur automatique
vide
Chaînefacultatif
Couleur titrecouleurTexteT

Couleur du titre

Par défaut
black
Exemple
vide
Valeur automatique
vide
Chaînefacultatif
Titre en grasthinning

Yes ou no

Par défaut
no
Exemple
vide
Valeur automatique
vide
Chaînefacultatif
Couleur fond titrecouleurFondT

Couleur du fond de titre

Par défaut
#EFEFEF
Exemple
vide
Valeur automatique
vide
Chaînefacultatif
Couleur fond boîtecouleurFondB

Couleur de fond de la boîte

Par défaut
#FFFFFF
Exemple
vide
Valeur automatique
vide
Chaînefacultatif
Couleur fond contenucouleurFond

Couleur de fond du contenu

Par défaut
white
Exemple
vide
Valeur automatique
vide
Chaînefacultatif
Couleur bordurecouleurBordure

Couleur de la bordure

Par défaut
#AAAAAA
Exemple
vide
Valeur automatique
vide
Chaînefacultatif

Voir aussi