Modèle:Boîte déroulante

Documentation[voir] [modifier] [historique] [purger]

Utilisation

Cette documentation concerne

le modèle {{Boîte déroulante}}
le modèle {{Boîte déroulante/début}} (qui s’utilise avec {{Boîte déroulante/fin}}) et permet de mettre un contenu plus varié.

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

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 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.