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.
- Ne pas utiliser de boîte déroulante pour la section Références
Syntaxe
Utilisation : pour {{Boîte déroulante}}
{{boîte déroulante|titre=TITRE|contenu=CONTENU}}
ou
{{boîte déroulante
| align =
| alignT =
| titre =
| label =
| contenu =
| largeur =
| 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 |
arrondi des angles |
0 |
Les angles peuvent apparaître arrondis si le navigateur le permet. 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
|
marge |
marge du contenu |
0 |
La marge doit être exprimée avec une unité valable. Il est possible de mettre 0
|
margeBas |
marge bas (après la boîte) |
1em |
La marge 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, …
Table des couleurs
Page d’aide principale : Aide:Couleurs
Nom de la couleur
|
Rendu
|
Hexadécimal
|
AliceBlue
|
|
#F0F8FF
|
AntiqueWhite
|
|
#FAEBD7
|
Aqua
|
|
#00FFFF
|
Aquamarine
|
|
#7FFFD4
|
Azure
|
|
#F0FFFF
|
Beige
|
|
#F5F5DC
|
Bisque
|
|
#FFE4C4
|
Black
|
|
#000000
|
BlanchedAlmond
|
|
#FFEBCD
|
Blue
|
|
#0000FF
|
BlueViolet
|
|
#8A2BE2
|
Brown
|
|
#A52A2A
|
BurlyWood
|
|
#DEB887
|
CadetBlue
|
|
#5F9EA0
|
Chartreuse
|
|
#7FFF00
|
Chocolate
|
|
#D2691E
|
Coral
|
|
#FF7F50
|
CornflowerBlue
|
|
#6495ED
|
Cornsilk
|
|
#FFF8DC
|
Crimson
|
|
#DC143C
|
Cyan
|
|
#00FFFF
|
DarkBlue
|
|
#00008B
|
DarkCyan
|
|
#008B8B
|
DarkGoldenrod
|
|
#B8860B
|
DarkGray
|
|
#A9A9A9
|
DarkGreen
|
|
#006400
|
DarkKhaki
|
|
#BDB76B
|
DarkMagenta
|
|
#8B008B
|
DarkOliveGreen
|
|
#556B2F
|
DarkOrange
|
|
#FF8C00
|
DarkOrchid
|
|
#9932CC
|
DarkRed
|
|
#8B0000
|
DarkSalmon
|
|
#E9967A
|
DarkSeaGreen
|
|
#8FBC8F
|
DarkSlateBlue
|
|
#483D8B
|
DarkSlateGray
|
|
#2F4F4F
|
DarkTurquoise
|
|
#00CED1
|
DarkViolet
|
|
#9400D3
|
DeepPink
|
|
#FF1493
|
DeepSkyBlue
|
|
#00BFFF
|
DimGray
|
|
#696969
|
DodgerBlue
|
|
#1E90FF
|
FireBrick
|
|
#B22222
|
FloralWhite
|
|
#FFFAF0
|
ForestGreen
|
|
#228B22
|
Fuchsia
|
|
#FF00FF
|
Gainsboro
|
|
#DCDCDC
|
GhostWhite
|
|
#F8F8FF
|
Gold
|
|
#FFD700
|
Goldenrod
|
|
#DAA520
|
Gray
|
|
#808080
|
Green
|
|
#008000
|
GreenYellow
|
|
#ADFF2F
|
Honeydew
|
|
#F0FFF0
|
HotPink
|
|
#FF69B4
|
IndianRed
|
|
#CD5C5C
|
Indigo
|
|
#4B0082
|
Ivory
|
|
#FFFFF0
|
Khaki
|
|
#F0E68C
|
Lavender
|
|
#E6E6FA
|
LavenderBlush
|
|
#FFF0F5
|
LawnGreen
|
|
#7CFC00
|
LemonChiffon
|
|
#FFFACD
|
LightBlue
|
|
#ADD8E6
|
LightCoral
|
|
#F08080
|
LightCyan
|
|
#E0FFFF
|
LightGoldenrodYellow
|
|
#FAFAD2
|
LightGreen
|
|
#90EE90
|
LightGrey
|
|
#D3D3D3
|
LightPink
|
|
#FFB6C1
|
LightSalmon
|
|
#FFA07A
|
LightSeaGreen
|
|
#20B2AA
|
LightSkyBlue
|
|
#87CEFA
|
LightSlateGray
|
|
#778899
|
LightSteelBlue
|
|
#B0C4DE
|
LightYellow
|
|
#FFFFE0
|
Lime
|
|
#00FF00
|
LimeGreen
|
|
#32CD32
|
Linen
|
|
#FAF0E6
|
Magenta
|
|
#FF00FF
|
Maroon
|
|
#800000
|
MediumAquamarine
|
|
#66CDAA
|
MediumBlue
|
|
#0000CD
|
MediumOrchid
|
|
#BA55D3
|
MediumPurple
|
|
#9370DB
|
MediumSeaGreen
|
|
#3CB371
|
MediumSlateBlue
|
|
#7B68EE
|
MediumSpringGreen
|
|
#00FA9A
|
MediumTurquoise
|
|
#48D1CC
|
MediumVioletRed
|
|
#C71585
|
MidnightBlue
|
|
#191970
|
MintCream
|
|
#F5FFFA
|
MistyRose
|
|
#FFE4E1
|
Moccasin
|
|
#FFE4B5
|
NavajoWhite
|
|
#FFDEAD
|
Navy
|
|
#000080
|
OldLace
|
|
#FDF5E6
|
Olive
|
|
#808000
|
OliveDrab
|
|
#6B8E23
|
Orange
|
|
#FFA500
|
OrangeRed
|
|
#FF4500
|
Orchid
|
|
#DA70D6
|
PaleGoldenrod
|
|
#EEE8AA
|
PaleGreen
|
|
#98FB98
|
PaleTurquoise
|
|
#AFEEEE
|
PaleVioletRed
|
|
#DB7093
|
PapayaWhip
|
|
#FFEFD5
|
PeachPuff
|
|
#FFDAB9
|
Peru
|
|
#CD853F
|
Pink
|
|
#FFC0CB
|
Plum
|
|
#DDA0DD
|
PowderBlue
|
|
#B0E0E6
|
Purple
|
|
#800080
|
Red
|
|
#FF0000
|
RosyBrown
|
|
#BC8F8F
|
RoyalBlue
|
|
#4169E1
|
SaddleBrown
|
|
#8B4513
|
Salmon
|
|
#FA8072
|
SandyBrown
|
|
#F4A460
|
SeaGreen
|
|
#2E8B57
|
Seashell
|
|
#FFF5EE
|
Sienna
|
|
#A0522D
|
Silver
|
|
#C0C0C0
|
SkyBlue
|
|
#87CEEB
|
SlateBlue
|
|
#6A5ACD
|
SlateGray
|
|
#708090
|
Snow
|
|
#FFFAFA
|
SpringGreen
|
|
#00FF7F
|
SteelBlue
|
|
#4682B4
|
Tan
|
|
#D2B48C
|
Teal
|
|
#008080
|
Thistle
|
|
#D8BFD8
|
Tomato
|
|
#FF6347
|
Turquoise
|
|
#40E0D0
|
Violet
|
|
#EE82EE
|
Wheat
|
|
#F5DEB3
|
White
|
|
#FFFFFF
|
WhiteSmoke
|
|
#F5F5F5
|
Yellow
|
|
#FFFF00
|
YellowGreen
|
|
#9ACD32
|
|
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, …
Table des couleurs
Page d’aide principale : Aide:Couleurs
Nom de la couleur
|
Rendu
|
Hexadécimal
|
AliceBlue
|
|
#F0F8FF
|
AntiqueWhite
|
|
#FAEBD7
|
Aqua
|
|
#00FFFF
|
Aquamarine
|
|
#7FFFD4
|
Azure
|
|
#F0FFFF
|
Beige
|
|
#F5F5DC
|
Bisque
|
|
#FFE4C4
|
Black
|
|
#000000
|
BlanchedAlmond
|
|
#FFEBCD
|
Blue
|
|
#0000FF
|
BlueViolet
|
|
#8A2BE2
|
Brown
|
|
#A52A2A
|
BurlyWood
|
|
#DEB887
|
CadetBlue
|
|
#5F9EA0
|
Chartreuse
|
|
#7FFF00
|
Chocolate
|
|
#D2691E
|
Coral
|
|
#FF7F50
|
CornflowerBlue
|
|
#6495ED
|
Cornsilk
|
|
#FFF8DC
|
Crimson
|
|
#DC143C
|
Cyan
|
|
#00FFFF
|
DarkBlue
|
|
#00008B
|
DarkCyan
|
|
#008B8B
|
DarkGoldenrod
|
|
#B8860B
|
DarkGray
|
|
#A9A9A9
|
DarkGreen
|
|
#006400
|
DarkKhaki
|
|
#BDB76B
|
DarkMagenta
|
|
#8B008B
|
DarkOliveGreen
|
|
#556B2F
|
DarkOrange
|
|
#FF8C00
|
DarkOrchid
|
|
#9932CC
|
DarkRed
|
|
#8B0000
|
DarkSalmon
|
|
#E9967A
|
DarkSeaGreen
|
|
#8FBC8F
|
DarkSlateBlue
|
|
#483D8B
|
DarkSlateGray
|
|
#2F4F4F
|
DarkTurquoise
|
|
#00CED1
|
DarkViolet
|
|
#9400D3
|
DeepPink
|
|
#FF1493
|
DeepSkyBlue
|
|
#00BFFF
|
DimGray
|
|
#696969
|
DodgerBlue
|
|
#1E90FF
|
FireBrick
|
|
#B22222
|
FloralWhite
|
|
#FFFAF0
|
ForestGreen
|
|
#228B22
|
Fuchsia
|
|
#FF00FF
|
Gainsboro
|
|
#DCDCDC
|
GhostWhite
|
|
#F8F8FF
|
Gold
|
|
#FFD700
|
Goldenrod
|
|
#DAA520
|
Gray
|
|
#808080
|
Green
|
|
#008000
|
GreenYellow
|
|
#ADFF2F
|
Honeydew
|
|
#F0FFF0
|
HotPink
|
|
#FF69B4
|
IndianRed
|
|
#CD5C5C
|
Indigo
|
|
#4B0082
|
Ivory
|
|
#FFFFF0
|
Khaki
|
|
#F0E68C
|
Lavender
|
|
#E6E6FA
|
LavenderBlush
|
|
#FFF0F5
|
LawnGreen
|
|
#7CFC00
|
LemonChiffon
|
|
#FFFACD
|
LightBlue
|
|
#ADD8E6
|
LightCoral
|
|
#F08080
|
LightCyan
|
|
#E0FFFF
|
LightGoldenrodYellow
|
|
#FAFAD2
|
LightGreen
|
|
#90EE90
|
LightGrey
|
|
#D3D3D3
|
LightPink
|
|
#FFB6C1
|
LightSalmon
|
|
#FFA07A
|
LightSeaGreen
|
|
#20B2AA
|
LightSkyBlue
|
|
#87CEFA
|
LightSlateGray
|
|
#778899
|
LightSteelBlue
|
|
#B0C4DE
|
LightYellow
|
|
#FFFFE0
|
Lime
|
|
#00FF00
|
LimeGreen
|
|
#32CD32
|
Linen
|
|
#FAF0E6
|
Magenta
|
|
#FF00FF
|
Maroon
|
|
#800000
|
MediumAquamarine
|
|
#66CDAA
|
MediumBlue
|
|
#0000CD
|
MediumOrchid
|
|
#BA55D3
|
MediumPurple
|
|
#9370DB
|
MediumSeaGreen
|
|
#3CB371
|
MediumSlateBlue
|
|
#7B68EE
|
MediumSpringGreen
|
|
#00FA9A
|
MediumTurquoise
|
|
#48D1CC
|
MediumVioletRed
|
|
#C71585
|
MidnightBlue
|
|
#191970
|
MintCream
|
|
#F5FFFA
|
MistyRose
|
|
#FFE4E1
|
Moccasin
|
|
#FFE4B5
|
NavajoWhite
|
|
#FFDEAD
|
Navy
|
|
#000080
|
OldLace
|
|
#FDF5E6
|
Olive
|
|
#808000
|
OliveDrab
|
|
#6B8E23
|
Orange
|
|
#FFA500
|
OrangeRed
|
|
#FF4500
|
Orchid
|
|
#DA70D6
|
PaleGoldenrod
|
|
#EEE8AA
|
PaleGreen
|
|
#98FB98
|
PaleTurquoise
|
|
#AFEEEE
|
PaleVioletRed
|
|
#DB7093
|
PapayaWhip
|
|
#FFEFD5
|
PeachPuff
|
|
#FFDAB9
|
Peru
|
|
#CD853F
|
Pink
|
|
#FFC0CB
|
Plum
|
|
#DDA0DD
|
PowderBlue
|
|
#B0E0E6
|
Purple
|
|
#800080
|
Red
|
|
#FF0000
|
RosyBrown
|
|
#BC8F8F
|
RoyalBlue
|
|
#4169E1
|
SaddleBrown
|
|
#8B4513
|
Salmon
|
|
#FA8072
|
SandyBrown
|
|
#F4A460
|
SeaGreen
|
|
#2E8B57
|
Seashell
|
|
#FFF5EE
|
Sienna
|
|
#A0522D
|
Silver
|
|
#C0C0C0
|
SkyBlue
|
|
#87CEEB
|
SlateBlue
|
|
#6A5ACD
|
SlateGray
|
|
#708090
|
Snow
|
|
#FFFAFA
|
SpringGreen
|
|
#00FF7F
|
SteelBlue
|
|
#4682B4
|
Tan
|
|
#D2B48C
|
Teal
|
|
#008080
|
Thistle
|
|
#D8BFD8
|
Tomato
|
|
#FF6347
|
Turquoise
|
|
#40E0D0
|
Violet
|
|
#EE82EE
|
Wheat
|
|
#F5DEB3
|
White
|
|
#FFFFFF
|
WhiteSmoke
|
|
#F5F5F5
|
Yellow
|
|
#FFFF00
|
YellowGreen
|
|
#9ACD32
|
|
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
par défaut (align=left, alignT=center)
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.
Contenu à droite (align=right)
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.
Contenu centré, titre à gauche (align=center, alignT=left)
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.
Contenu justifié, titre à droite (align=justify, alignT=right)
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.
essais de couleurs pour démonstration
- couleurBordure=green
- couleurFondB=lightpink
- couleurFondT=yellow
- couleurTexteT=blue
- couleurFond=lightcyan
Boîte déroulante avec angles ronds (arrondi=0.6em)
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.
Template Data
Paramètres du modèle
Paramètre | Description | Type | État |
---|
Titre | titre | Titre de la boîte
| Chaîne | obligatoire |
---|
Contenu | contenu | Texte à mettre en boîte
| Contenu | obligatoire |
---|
Alignement du contenu | align | left, right, center ou justify - Valeurs suggérées
left right center justify - Par défaut
- left
| Ligne de texte | facultatif |
---|
Alignement du titre | alignT | left, right, center ou justify - Valeurs suggérées
left right center justify - Par défaut
- center
| Ligne de texte | facultatif |
---|
Alignement de la boîte | alignB | left, right, center ou justify - Valeurs suggérées
left right center justify - Par défaut
- left
| Ligne de texte | facultatif |
---|
Label | label | Texte du lien de droite. Totalement libre. Le caractère "/" permet de séparer les deux libellés. - Par défaut
- [afficher]/[masquer]
| Chaîne | facultatif |
---|
Hauteur | hauteur | Hauteur de la boîte repliée - Par défaut
- 1.6em
| Ligne de texte | facultatif |
---|
Largeur | largeur | Largeur de la boîte repliée - Par défaut
- 100%
| Ligne de texte | facultatif |
---|
Couleur titre | couleurTexteT | Couleur du titre - Par défaut
- black
| Ligne de texte | facultatif |
---|
Titre pas en gras | thinning | Yes ou no - Valeurs suggérées
yes no - Par défaut
- no
| Ligne de texte | facultatif |
---|
Couleur fond titre | couleurFondT | Couleur du fond de titre - Par défaut
- #EFEFEF
| Ligne de texte | facultatif |
---|
Couleur fond boîte | couleurFondB | Couleur de fond de la boîte - Par défaut
- #FFFFFF
| Ligne de texte | facultatif |
---|
Couleur fond contenu | couleurFond | Couleur de fond du contenu - Par défaut
- white
| Ligne de texte | facultatif |
---|
Couleur bordure | couleurBordure | Couleur de la bordure - Par défaut
- #AAAAAA
| Ligne de texte | facultatif |
---|
Modèle | modèle | 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.
| Chaîne | facultatif |
---|
Arrondi des angles | arrondi | Les angles peuvent apparaître arrondis si le navigateur le permet.
Valeur conseillée : 0.6em, s’exprime en pt, px ou em - Par défaut
- 0
| Ligne de texte | facultatif |
---|
Image | image | L’image facultative apparaît à l’ouverture de la boîte.
Elle doit être totalement renseignée. - Exemple
- [[Fichier:Gtk-dialog-info.svg|15px]]
| Chaîne | facultatif |
---|
Marge après la boîte | margeBas | La hauteur doit être exprimée avec une unité valable.
Il est possible de mettre 0 - Par défaut
- 1em
| Ligne de texte | facultatif |
---|
Voir aussi
Comparaison des modèles de navigation |
Modèle | Enroulable | Couleur d’en-tête | Image | Groupes | Paramètres style (en-tête) | Paramètres style (corps) | Exemples |
Modèles pour palettes de navigation dédiées aux bas de pages
| | | |
Corps + En-tête
|
Oui
|
Oui
|
Oui
| | | | | | |
Corps + En-tête et/ou dans chaque liste
|
Oui
|
Oui
|
Oui
| | | | |
Corps + En-tête
|
Oui
|
Oui
|
Oui
| | | | |
Corps + En-tête
|
Oui
|
Oui
|
Oui
| | | | |
Corps
|
Non
|
Oui
|
Oui
| |
Modèles pour palettes de navigation dédiées aux débuts d’articles
| |
Non
|
Non
|
Oui
|
Non
|
Non
|
Oui
| | |
Non
|
Non
|
Oui
|
Oui
|
Non
|
Non
| |
|