Ceci est la page de documentation de Modèle:Boîte déroulante [modifier] [purger].
Cette sous-page contient les instructions et les catégories de son modèle d'origine et elle n'est pas destinée à être visualisée directement.
Utilisation
Cette documentation concerne le modèle {{Boîte déroulante/début}} et le modèle {{Boîte déroulante/fin}}) qui s'utilisent ensemble.
Recommandations :
- 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
Syntaxe
Utilisation :
{{Boîte déroulante/début|titre=TITRE}}
Contenu
{{Boîte déroulante/fin}}
Avec tous les paramètres :
{{Boîte déroulante/début
| align =
| alignT =
| alignB =
| titre =
| label =
| largeur =
| hauteur =
}}
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.
|
| Paramètres facultatifs
|
| paramètre |
effet |
valeur par défaut |
valeurs possibles
|
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.
|
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, …
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 |
justify |
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
|
Exemples
par défaut (align=justify, 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.
Titre à droite (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.
Largeur 50%, boîte alignée à droite
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.
Boîte avec image et hauteur de titre de 50 pixels
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
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ètre | Description | Type | Statut |
|---|
| Titre | titre | Titre de la boîte
| Chaîne | obligatoire |
|---|
| Alignement du contenu | align | left, right, center ou justify ? - Par défaut
- left
| Chaîne | facultatif |
|---|
| Alignement du titre | alignT | left, right, center ou justify ? - Par défaut
- center
| Chaîne | facultatif |
|---|
| Alignement de la boîte | alignB | left, right, center ou justify ? - Par défaut
- left
| Chaîne | facultatif |
|---|
| Label | label | Texte du lien de droite - Par défaut
- Dérouler/Enrouler
| Chaîne | facultatif |
|---|
| Hauteur | hauteur | Hauteur de la boîte repliée - Par défaut
- 1.6em
| Chaîne | facultatif |
|---|
| Largeur | largeur | Largeur de la boîte repliée - Par défaut
- 100%
| Chaîne | facultatif |
|---|
| Couleur titre | couleurTexteT | Couleur du titre - Par défaut
- black
| Chaîne | facultatif |
|---|
| Titre en gras | thinning | Yes ou no - Par défaut
- no
| Chaîne | facultatif |
|---|
| Couleur fond titre | couleurFondT | Couleur du fond de titre - Par défaut
- #EFEFEF
| Chaîne | facultatif |
|---|
| Couleur fond boîte | couleurFondB | Couleur de fond de la boîte - Par défaut
- #FFFFFF
| Chaîne | facultatif |
|---|
| Couleur fond contenu | couleurFond | Couleur de fond du contenu - Par défaut
- white
| Chaîne | facultatif |
|---|
| Couleur bordure | couleurBordure | Couleur de la bordure - Par défaut
- #AAAAAA
| Chaîne | facultatif |
|---|
