« Modèle:Accordéon début » : différence entre les versions

De Documentation
Aller à la navigationAller à la recherche
Aucun résumé des modifications
Aucun résumé des modifications
 
(3 versions intermédiaires par le même utilisateur non affichées)
Ligne 1 : Ligne 1 :
<!--
<!--
--><div style="display:{{{display|block}}};margin-{{dir|{{pagelang}}|right|left}}:{{{indent|0}}};{{{extrastyle|}}}"><!-- NOTE: width renders incorrectly if added to main STYLE section
--><div style="display:{{{display|block}}};margin-left:{{{indent|0}}};{{{extrastyle|}}}"><!-- NOTE: width renders incorrectly if added to main STYLE section
   --><table class="mw-collapsible {{#if:{{{expand|}}}|| mw-collapsed}}" style="margin-top:.2em; border:{{{border|1px}}} solid {{{b-color|silver}}};text-align:{{dir|{{pagelang}}|right|left}}; width: {{{width|100%}}};"><tr><th style="font-size:{{{title-font-size|112%}}};background:{{{bg|#F8FCFF}}};color:{{{fc|black}}};text-align:{{#if:{{{left|}}}
   --><table class="mw-collapsible {{#if:{{{expand|}}}|| mw-collapsed}}" style="margin-top:.2em; border:{{{border|1px}}} solid {{{b-color|silver}}};text-align:left; width: {{{width|100%}}};"><tr><th style="font-size:{{{title-font-size|112%}}};background:{{{bg|#F8FCFF}}};color:{{{fc|black}}};text-align:{{#if:{{{left|}}}
   | {{dir|{{pagelang}}|right|left}}
   | left
   | center
   | center
   }}">{{{1|{{{title|{{{reason|{{{header|{{{heading|Titre du contenu}}}}}}}}}}}}}}}</th></tr><!--
   }}">{{{1|{{{title|{{{reason|{{{header|{{{heading|Titre du contenu}}}}}}}}}}}}}}}</th></tr><!--
   -->{{#if:{{{warning|{{{2|}}}}}}
   -->{{#if:{{{warning|{{{2|}}}}}}
   | <tr><td style="text-align:center;font-style:italic">{{{2|The following is a closed debate. {{Strong
   | <tr><td style="text-align:center;font-style:italic">{{{2|La discussion ci-dessous est close. {{Strong
     | style = color:red
     | style = color:red
     | 1 = Please do not modify it.
     | 1 = Veuillez ne pas modifier.
     }}}}}</td></tr>
     }}}}}</td></tr>
   }}<!--
   }}<!--
Ligne 103 : Ligne 103 :
{{Accordéon fin}}
{{Accordéon fin}}


* Aligner le titre à gauche – <syntaxhighlight lang="html5" inline>{{Accordéon début|left=yes}}</syntaxhighlight>
* Aligner le titre à gauche – <syntaxhighlight lang="html5" inline>{{Accordéon début|left=true}}</syntaxhighlight>


{{Accordéon début|left=yes}}
{{Accordéon début|left=true}}
Contenu de la boite.
Contenu de la boite.
{{Accordéon fin}}
{{Accordéon fin}}
Ligne 140 : Ligne 140 :
{{Accordéon fin}}
{{Accordéon fin}}


== TemplateData ==
<templatedata>
{{Accordéon début/doc}}
{
 
"params": {
</noinclude>
"1": {
"aliases": [
"title",
"reason",
"header",
"heading"
],
"label": "titre",
"description": "(ou premier paramètre sans nom) Titre de la boite réduite",
"example": "|1=Titre de la boite",
"type": "string",
"default": "Titre"
},
"2": {
"description": "(ou deuxième paramètre sans nom). texte de ligne d'avertissement facultatif. Cela remplacera la ligne d'avertissement standard.",
"type": "string"
},
"warning": {
"description": "Affichera une ligne d'avertissement par défaut sous le titre principal. Toute valeur non vide fournie à ce paramètre aura cet effet (c'est-à-dire ne fonctionnera pas comme prévu).",
"example": "|warning=yes",
"type": "boolean"
},
"left": {
"description": "Alignera le titre le long de la marge de gauche. Par défaut, le texte est centré, plus précisément entre le bord gauche de la case verte et le bord gauche du lien \"afficher\".",
"example": "|left=yes",
"type": "boolean"
},
"expand": {
"description": "Affiche le contenu déplié. Toute autre valeur que \"yes\" produira le même résultat.",
"example": "|expand=yes",
"type": "boolean"
},
"bg": {
"description": "Définit la couleur d'arrière-plan du titre. Les codes couleur HTML requièrent \"#\".",
"example": "|bg=#008000 ou |bg=green"
},
"fc": {
"description": "Définit la couleur de la police du titre. Par défaut \"noir\".",
"example": "|fc=green"
},
"b-color": {
"description": "Définit la couleur de la bordure.",
"default": "silver ( #C0C0C0)"
},
"padding": {
"description": "Définit la distance contenu-bordures.",
"default": "8px"
},
"width": {
"description": "Définit la largeur du modèle par rapport à la page. Favoriser les pourcentages ou en unités relatives.",
"example": "|width=50% |width=30em"
},
"border2": {
"description": "Définit les propriétés de la bordure de la boîte qui apparaît lorsque le modèle est développé. Seule la largeur ou la couleur sera modifiée si une seule valeur est fournie.",
"example": "border2=2px",
"default": "1px silver"
},
"bg2": {
"description": "Définit la couleur d'arrière-plan du contenu.",
"example": "|bg2=#C7C8C9 |bg2=orange",
"default": "white (#FFF)"
},
"indent": {
"description": "Décale le modèle à partir de la gauche. Chaque balise \":\" est approximativement équivalent à 1.6em. \"::::\" donnera donc 6.4em",
"example": "|indent=6.4em",
"default": "Aucune indentation. "
},
"border": {
"description": "Définit la largeur de la ligne de bordure du contenu.",
"example": "|border=2px",
"default": "1px"
}
},
"description": "Le modèle {{Accordéon début}} et son modèle associé {{Accordéon fin}} sont utilisés pour placer une boîte de réduction autour d'un contenu.",
"paramOrder": [
"1",
"warning",
"2",
"left",
"expand",
"bg",
"fc",
"border",
"b-color",
"padding",
"width",
"border2",
"bg2",
"indent"
]
}
</templatedata></noinclude>

Dernière version du 9 avril 2022 à 17:18

Titre du contenu
Exemple de contenu

Le modèle Accordéon début et son modèle associé Accordéon fin, sont utilisés pour placer une boîte de réduction autour d'un texte.

Usage

Placez {{Accordéon début}} et {{Accordéon fin}} autour du texte à réduire.

Par exemple:

 {{Accordéon début|title=Ceci est le titre}}
 Exemple de texte de contenu
 {{Accordéon fin}}

produit:

Ceci est le titre

Exemple de texte de contenu

{{Accordéon fin}} doit toujours être placé sur sa propre ligne.

Paramètres

Ce modèle prend les paramètres suivants, qui sont tous facultatifs. Ils sont sensibles à la casse. Ceux qui prennent des mesures CSS les exigent au format CSS (par exemple 1em et non 1 em).

|1 (ou premier paramètre sans nom), |title, |reason, |header, |heading
Donnera à la boîte réduite un titre, qui apparaît sur la même ligne que le lien d' affichage et qui est toujours visible. Il est par défaut sur "Titre".
Par exemple, {{Accordéon début|title=Ceci est le titre ou {{Accordéon début|Ceci est le titre. Remarque : Le balisage plus court et sans nom ne fonctionnera pas si la valeur du titre contient un caractère égal() (=).
|warning=yes
Affichera une ligne d'avertissement par défaut sous le titre principal qui se lit "Ce qui suit est un débat fermé. Veuillez ne pas le modifier."
Toute valeur non vide fournie à ce paramètre aura cet effet (c'est-à-dire ne fonctionnera pas comme prévu).
|2= (ou deuxième paramètre sans nom)
Il s'agit d'un texte de ligne d'avertissement facultatif. Cela remplacera la ligne d'avertissement standard ci-dessus ; il n'est pas nécessaire d'utiliser également |warning|yes dans ce cas, bien que cela soit sans danger.
|left=yes
Alignera le titre le long de la marge de gauche (dans les langues RTL, le long de la marge de droite à la place).
Par défaut, le texte est centré, plus précisément entre le bord gauche de la case verte et le bord gauche du lien "afficher".
Toute valeur non vide fournie à ce paramètre aura cet effet (c'est-à-dire ne fonctionnera pas comme prévu).
|expand=yes
Laisse le contenu déplié avec bordure et coloration. La valeur par défaut est réduite.
Toute autre valeur passée à ce paramètre aura le même effet (par exemple |expand= no n'aur pas l'effet escompté).
|bg=
Définit la couleur d'arrière-plan du titre. Par défaut "#F8FCFF", blanchâtre. Les couleurs nommées sont répertoriées dans Liste des couleurs.
Par exemple, {{Accordéon début|Ceci est le titre|bg=#008000 ou {{Accordéon début|Ceci est le titre|bg=green (les codes de couleur HTML numériques requièrent le préfixe #).
|fc=
Définit la couleur de police du titre. Par défaut, "noir".
Voir |bg=, ci-dessus pour plus de détails concernant les options de couleur.
|border=
Définit la largeur de la ligne du contenu. Par défaut 1px.
Par exemple, {{Accordéon début|border=2px; une valeur supérieure n'est pas très utile.
|b-color=
Définit la couleur de la bordure. Par défaut, silver (#C0C0C0).
Voir |bg=, ci-dessus, pour plus de détails concernant les options de couleur.
|padding=
définit l'espace (distance du bord) entre le contenu et le bord, dans la partie colorée. Par défaut, 8px.
|width=
Définit la largeur du modèle global par rapport à la page (ou à un élément de bloc contenant la boîte de repli). Valeur à donner en pourcentage, par exemple |width=50%, ou en valeur relative em, par exemple |width=30em. Les valeurs basées sur les pixels doivent être évitées, car elles n'ont en fait aucun sens - le résultat sera différent selon le navigateur de chaque utilisateur et les paramètres CSS locaux (de quel navigateur et système d'exploitation il s'agit, niveau de zoom, tailles de police, etc.).
|border2=
Définit les propriétés de la bordure de la boîte qui apparaît lorsque le modèle est développé. Les valeurs par défaut sont : 1px silver.
Par exemple, {{Accordéon début|border2=2px (seule la largeur ou la couleur est changée si une seule valeur est fournie).
Voir |bg=, ci-dessus, pour plus de détails concernant les options de couleur.
|bg2=
Définit la couleur de fond de la boîte qui apparaît lorsque le modèle est développé. Par défaut : white (#FFF).
Voir |bg=, ci-dessus, pour plus de détails concernant les options de couleur.
|indent=
Indentation de la boite à partir de la gauche de la page. Par défaut : pas d'indentation. Chaque balise : équivaut approximativement à un espace de 1.6em (e.g., pour correspondre à une indentation équivalente à ::::, utiliser |indent=6.4em). Vous pouvez également utiliser des pourcentages.
Les valeurs basées sur les pixels doivent être évitées (voir |width=, ci-dessus).

Exemples

  • Définir le titre (par défaut, "Titre") – {{Accordéon début|Ceci est le titre}}
Ceci est le titre

Contenu de la boite.

  • Ajout d'une ligne d'avertissement standard – {{Accordéon début|Ceci est le titre|warning=true}}
Ceci est le titre
La discussion ci-dessous est close. Veuillez ne pas modifier.

Contenu de la boite.

  • Ajouter une ligne d'avertissement personnalisée – {{Accordéon début|Ceci est le titre|Ceci est un message d'avertissement personnalisé}}
Ceci est le titre
Ceci est un message d'avertissement personnalisé

Contenu de la boite.

  • Aligner le titre à gauche – {{Accordéon début|left=true}}
Titre du contenu

Contenu de la boite.

  • Changer la couleur du fond – {{Accordéon début|bg=#F0F2F5}}
Titre du contenu

Contenu de la boite.

  • Augmenter l'espacement – {{Accordéon début|padding=5em}}
Titre du contenu

Contenu de la boite.

  • Archivage d'une section – Le balisage :
{{Accordéon début}}
== En-tête de section ==
Contenu de la boite.
{{Accordéon fin}}

doit être réécrit comme suit :

{{Accordéon début|En-tête de section}}
Contenu de la boite.
{{Accordéon fin}}

Ce qui donne :

En-tête de section

Contenu de la boite.

Le modèle {{Accordéon début}} et son modèle associé {{Accordéon fin}} sont utilisés pour placer une boîte de réduction autour d'un contenu.

Paramètres du modèle

ParamètreDescriptionTypeÉtat
titre1 title reason header heading

(ou premier paramètre sans nom) Titre de la boite réduite

Par défaut
Titre
Exemple
|1=Titre de la boite
Chaînefacultatif
warningwarning

Affichera une ligne d'avertissement par défaut sous le titre principal. Toute valeur non vide fournie à ce paramètre aura cet effet (c'est-à-dire ne fonctionnera pas comme prévu).

Exemple
|warning=yes
Booléenfacultatif
22

(ou deuxième paramètre sans nom). texte de ligne d'avertissement facultatif. Cela remplacera la ligne d'avertissement standard.

Chaînefacultatif
leftleft

Alignera le titre le long de la marge de gauche. Par défaut, le texte est centré, plus précisément entre le bord gauche de la case verte et le bord gauche du lien "afficher".

Exemple
|left=yes
Booléenfacultatif
expandexpand

Affiche le contenu déplié. Toute autre valeur que "yes" produira le même résultat.

Exemple
|expand=yes
Booléenfacultatif
bgbg

Définit la couleur d'arrière-plan du titre. Les codes couleur HTML requièrent "#".

Exemple
|bg=#008000 ou |bg=green
Inconnufacultatif
fcfc

Définit la couleur de la police du titre. Par défaut "noir".

Exemple
|fc=green
Inconnufacultatif
borderborder

Définit la largeur de la ligne de bordure du contenu.

Par défaut
1px
Exemple
|border=2px
Inconnufacultatif
b-colorb-color

Définit la couleur de la bordure.

Par défaut
silver ( #C0C0C0)
Inconnufacultatif
paddingpadding

Définit la distance contenu-bordures.

Par défaut
8px
Inconnufacultatif
widthwidth

Définit la largeur du modèle par rapport à la page. Favoriser les pourcentages ou en unités relatives.

Exemple
|width=50% |width=30em
Inconnufacultatif
border2border2

Définit les propriétés de la bordure de la boîte qui apparaît lorsque le modèle est développé. Seule la largeur ou la couleur sera modifiée si une seule valeur est fournie.

Par défaut
1px silver
Exemple
border2=2px
Inconnufacultatif
bg2bg2

Définit la couleur d'arrière-plan du contenu.

Par défaut
white (#FFF)
Exemple
|bg2=#C7C8C9 |bg2=orange
Inconnufacultatif
indentindent

Décale le modèle à partir de la gauche. Chaque balise ":" est approximativement équivalent à 1.6em. "::::" donnera donc 6.4em

Par défaut
Aucune indentation.
Exemple
|indent=6.4em
Inconnufacultatif