Modèle:Boîte déroulante/Documentation

De Wicri Chanson de Roland
< Modèle:Boîte déroulante
Révision datée du 7 décembre 2020 à 16:43 par imported>Jacques Ducloy (1 révision importée)
(diff) ← Version précédente | Voir la version actuelle (diff) | Version suivante → (diff)
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

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

<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