Template:Boîte déroulante/doc

This is a documentation subpage for Template:Boîte déroulante.
It contains usage information, categories and other content or metadata that is not part of the original template.

Usage

Tiré de Wikipédia.

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.

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

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

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

{{Boîte déroulante/début|titre= TITRE }} CONTENU {{Boîte déroulante/fin}}
{{Boîte déroulante/début|align= ALIGN |alignT= ALIGNT |titre= TITRE |label= LABEL |largeur= LARGEUR |hauteur= HAUTEUR }} CONTENU {{Boîte déroulante/fin}}

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

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

margeHaut marge haut (avant la boîte) 0em La hauteur doit être exprimée avec une unité valable.
Il est possible de mettre 0

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

Hexadecimal	Name(s)
`#000000`	Black
`#696969`	DimGray, DimGrey
`#808080`	Gray, Grey
`#A9A9A9`	DarkGray, DarkGrey
`#C0C0C0`	Silver
`#D3D3D3`	LightGray, LightGrey
`#DCDCDC`	Gainsboro
`#F5F5F5`	WhiteSmoke
`#FFFFFF`	White

Hexadecimal	Name(s)
`#FFFAFA`	Snow
`#FF0000`	Red
`#8B0000`	DarkRed
`#800000`	Maroon
`#808000`	Olive
`#FFFF00`	Yellow
`#FFFFE0`	LightYellow
`#FFFFF0`	Ivory

Hexadecimal	Name(s)
`#F0FFF0`	Honeydew
`#00FF00`	Lime
`#008000`	Green
`#006400`	DarkGreen
`#008080`	Teal
`#008B8B`	DarkCyan
`#00FFFF`	Aqua, Cyan
`#E0FFFF`	LightCyan
`#F0FFFF`	Azure

Hexadecimal	Name(s)
`#F8F8FF`	GhostWhite
`#0000FF`	Blue
`#0000CD`	MediumBlue
`#00008B`	DarkBlue
`#000080`	Navy
`#800080`	Purple
`#8B008B`	DarkMagenta
`#FF00FF`	Fuchsia, Magenta

Hexadecimal	Name(s)
`#F0F8FF`	AliceBlue
`#FAEBD7`	AntiqueWhite
`#7FFFD4`	Aquamarine
`#F5F5DC`	Beige
`#FFE4C4`	Bisque
`#FFEBCD`	BlanchedAlmond
`#8A2BE2`	BlueViolet
`#A52A2A`	Brown
`#DEB887`	BurlyWood
`#5F9EA0`	CadetBlue
`#7FFF00`	Chartreuse
`#D2691E`	Chocolate
`#FF7F50`	Coral
`#6495ED`	CornflowerBlue
`#FFF8DC`	Cornsilk
`#DC143C`	Crimson
`#B8860B`	DarkGoldenrod
`#BDB76B`	DarkKhaki
`#556B2F`	DarkOliveGreen
`#FF8C00`	DarkOrange
`#9932CC`	DarkOrchid
`#E9967A`	DarkSalmon
`#8FBC8F`	DarkSeaGreen
`#483D8B`	DarkSlateBlue
`#2F4F4F`	DarkSlateGray, DarkSlateGrey
`#00CED1`	DarkTurquoise

Hexadecimal	Name(s)
`#9400D3`	DarkViolet
`#FF1493`	DeepPink
`#00BFFF`	DeepSkyBlue
`#1E90FF`	DodgerBlue
`#B22222`	FireBrick
`#FFFAF0`	FloralWhite
`#228B22`	ForestGreen
`#FFD700`	Gold
`#DAA520`	Goldenrod
`#ADFF2F`	GreenYellow
`#FF69B4`	HotPink
`#CD5C5C`	IndianRed
`#4B0082`	Indigo
`#F0E68C`	Khaki
`#E6E6FA`	Lavender
`#FFF0F5`	LavenderBlush
`#7CFC00`	LawnGreen
`#FFFACD`	LemonChiffon
`#ADD8E6`	LightBlue
`#F08080`	LightCoral
`#FAFAD2`	LightGoldenrodYellow
`#90EE90`	LightGreen
`#FFB6C1`	LightPink
`#FFA07A`	LightSalmon
`#20B2AA`	LightSeaGreen
`#87CEFA`	LightSkyBlue

Hexadecimal	Name(s)
`#778899`	LightSlateGray
`#B0C4DE`	LightSteelBlue
`#32CD32`	LimeGreen
`#FAF0E6`	Linen
`#66CDAA`	MediumAquamarine
`#BA55D3`	MediumOrchid
`#9370DB`	MediumPurple
`#3CB371`	MediumSeaGreen
`#7B68EE`	MediumSlateBlue
`#00FA9A`	MediumSpringGreen
`#48D1CC`	MediumTurquoise
`#C71585`	MediumVioletRed
`#191970`	MidnightBlue
`#F5FFFA`	MintCream
`#FFE4E1`	MistyRose
`#FFE4B5`	Moccasin
`#FFDEAD`	NavajoWhite
`#FDF5E6`	OldLace
`#6B8E23`	OliveDrab
`#FFA500`	Orange
`#FF4500`	OrangeRed
`#DA70D6`	Orchid
`#EEE8AA`	PaleGoldenrod
`#98FB98`	PaleGreen
`#AFEEEE`	PaleTurquoise
`#DB7093`	PaleVioletRed

Hexadecimal	Name(s)
`#FFEFD5`	PapayaWhip
`#FFDAB9`	PeachPuff
`#CD853F`	Peru
`#FFC0CB`	Pink
`#DDA0DD`	Plum
`#B0E0E6`	PowderBlue
`#BC8F8F`	RosyBrown
`#4169E1`	RoyalBlue
`#8B4513`	SaddleBrown
`#FA8072`	Salmon
`#F4A460`	SandyBrown
`#2E8B57`	SeaGreen
`#FFF5EE`	Seashell
`#A0522D`	Sienna
`#87CEEB`	SkyBlue
`#6A5ACD`	SlateBlue
`#708090`	SlateGray
`#00FF7F`	SpringGreen
`#4682B4`	SteelBlue
`#D2B48C`	Tan
`#D8BFD8`	Thistle
`#FF6347`	Tomato
`#40E0D0`	Turquoise
`#EE82EE`	Violet
`#F5DEB3`	Wheat
`#9ACD32`	YellowGreen

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

Hexadecimal	Name(s)
`#000000`	Black
`#696969`	DimGray, DimGrey
`#808080`	Gray, Grey
`#A9A9A9`	DarkGray, DarkGrey
`#C0C0C0`	Silver
`#D3D3D3`	LightGray, LightGrey
`#DCDCDC`	Gainsboro
`#F5F5F5`	WhiteSmoke
`#FFFFFF`	White

Hexadecimal	Name(s)
`#FFFAFA`	Snow
`#FF0000`	Red
`#8B0000`	DarkRed
`#800000`	Maroon
`#808000`	Olive
`#FFFF00`	Yellow
`#FFFFE0`	LightYellow
`#FFFFF0`	Ivory

Hexadecimal	Name(s)
`#F0FFF0`	Honeydew
`#00FF00`	Lime
`#008000`	Green
`#006400`	DarkGreen
`#008080`	Teal
`#008B8B`	DarkCyan
`#00FFFF`	Aqua, Cyan
`#E0FFFF`	LightCyan
`#F0FFFF`	Azure

Hexadecimal	Name(s)
`#F8F8FF`	GhostWhite
`#0000FF`	Blue
`#0000CD`	MediumBlue
`#00008B`	DarkBlue
`#000080`	Navy
`#800080`	Purple
`#8B008B`	DarkMagenta
`#FF00FF`	Fuchsia, Magenta

Hexadecimal	Name(s)
`#F0F8FF`	AliceBlue
`#FAEBD7`	AntiqueWhite
`#7FFFD4`	Aquamarine
`#F5F5DC`	Beige
`#FFE4C4`	Bisque
`#FFEBCD`	BlanchedAlmond
`#8A2BE2`	BlueViolet
`#A52A2A`	Brown
`#DEB887`	BurlyWood
`#5F9EA0`	CadetBlue
`#7FFF00`	Chartreuse
`#D2691E`	Chocolate
`#FF7F50`	Coral
`#6495ED`	CornflowerBlue
`#FFF8DC`	Cornsilk
`#DC143C`	Crimson
`#B8860B`	DarkGoldenrod
`#BDB76B`	DarkKhaki
`#556B2F`	DarkOliveGreen
`#FF8C00`	DarkOrange
`#9932CC`	DarkOrchid
`#E9967A`	DarkSalmon
`#8FBC8F`	DarkSeaGreen
`#483D8B`	DarkSlateBlue
`#2F4F4F`	DarkSlateGray, DarkSlateGrey
`#00CED1`	DarkTurquoise

Hexadecimal	Name(s)
`#9400D3`	DarkViolet
`#FF1493`	DeepPink
`#00BFFF`	DeepSkyBlue
`#1E90FF`	DodgerBlue
`#B22222`	FireBrick
`#FFFAF0`	FloralWhite
`#228B22`	ForestGreen
`#FFD700`	Gold
`#DAA520`	Goldenrod
`#ADFF2F`	GreenYellow
`#FF69B4`	HotPink
`#CD5C5C`	IndianRed
`#4B0082`	Indigo
`#F0E68C`	Khaki
`#E6E6FA`	Lavender
`#FFF0F5`	LavenderBlush
`#7CFC00`	LawnGreen
`#FFFACD`	LemonChiffon
`#ADD8E6`	LightBlue
`#F08080`	LightCoral
`#FAFAD2`	LightGoldenrodYellow
`#90EE90`	LightGreen
`#FFB6C1`	LightPink
`#FFA07A`	LightSalmon
`#20B2AA`	LightSeaGreen
`#87CEFA`	LightSkyBlue

Hexadecimal	Name(s)
`#778899`	LightSlateGray
`#B0C4DE`	LightSteelBlue
`#32CD32`	LimeGreen
`#FAF0E6`	Linen
`#66CDAA`	MediumAquamarine
`#BA55D3`	MediumOrchid
`#9370DB`	MediumPurple
`#3CB371`	MediumSeaGreen
`#7B68EE`	MediumSlateBlue
`#00FA9A`	MediumSpringGreen
`#48D1CC`	MediumTurquoise
`#C71585`	MediumVioletRed
`#191970`	MidnightBlue
`#F5FFFA`	MintCream
`#FFE4E1`	MistyRose
`#FFE4B5`	Moccasin
`#FFDEAD`	NavajoWhite
`#FDF5E6`	OldLace
`#6B8E23`	OliveDrab
`#FFA500`	Orange
`#FF4500`	OrangeRed
`#DA70D6`	Orchid
`#EEE8AA`	PaleGoldenrod
`#98FB98`	PaleGreen
`#AFEEEE`	PaleTurquoise
`#DB7093`	PaleVioletRed

Hexadecimal	Name(s)
`#FFEFD5`	PapayaWhip
`#FFDAB9`	PeachPuff
`#CD853F`	Peru
`#FFC0CB`	Pink
`#DDA0DD`	Plum
`#B0E0E6`	PowderBlue
`#BC8F8F`	RosyBrown
`#4169E1`	RoyalBlue
`#8B4513`	SaddleBrown
`#FA8072`	Salmon
`#F4A460`	SandyBrown
`#2E8B57`	SeaGreen
`#FFF5EE`	Seashell
`#A0522D`	Sienna
`#87CEEB`	SkyBlue
`#6A5ACD`	SlateBlue
`#708090`	SlateGray
`#00FF7F`	SpringGreen
`#4682B4`	SteelBlue
`#D2B48C`	Tan
`#D8BFD8`	Thistle
`#FF6347`	Tomato
`#40E0D0`	Turquoise
`#EE82EE`	Violet
`#F5DEB3`	Wheat
`#9ACD32`	YellowGreen

couleurTexteT couleur du texte de titre black

thinning titre pas en gras no yes/no

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

15px 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 alt=Exemple de boîte déroulante avec des couleurs 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:Boîte déroulante/doc

Usage

Navigation menu

Search