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

De Documentation
Aller à la navigationAller à la recherche
← Modification précédente
VisuelWikicode
Aucun résumé des modifications
 
(15 versions intermédiaires par le même utilisateur non affichées)
Ligne 1 : Ligne 1 :
<noinclude>
<!--
<languages/>
--><div style="display:{{{display|block}}};margin-left:{{{indent|0}}};{{{extrastyle|}}}"><!-- NOTE: width renders incorrectly if added to main STYLE section
</noinclude><!--
   --><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|}}}
--><div style="display:{{{display|block}}};margin-{{dir|{{pagelang}}|right|left}}:{{{indent|0}}};{{{extrastyle|}}}"><!-- NOTE: width renders incorrectly if added to main STYLE section
   | left
   --><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|}}}
   | {{dir|{{pagelang}}|right|left}}
   | center
   | center
   }}">{{{1|{{{title|{{{reason|{{{header|{{{heading|Extended content}}}}}}}}}}}}}}}</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 26 : Ligne 24 :


<syntaxhighlight lang="html5">
<syntaxhighlight lang="html5">
  {{Accordéon début|title=Ceci est le texte du titre}}
  {{Accordéon début|title=Ceci est le titre}}
  Exemple de texte de contenu
  Exemple de texte de contenu
  {{Accordéon fin}}
  {{Accordéon fin}}
Ligne 33 : Ligne 31 :
produit:
produit:


{{Accordéon début|title=Ceci est le texte du titre}}
{{Accordéon début|title=Ceci est le titre}}
Exemple de texte de contenu
Exemple de texte de contenu
{{Accordéon fin}}
{{Accordéon fin}}
Ligne 44 : Ligne 42 :
Ceux qui prennent des mesures CSS les exigent au format CSS (par exemple <code style="color: #006400">1em</code> et non <code style="color:#8B0000">1&nbsp;em</code>).
Ceux qui prennent des mesures CSS les exigent au format CSS (par exemple <code style="color: #006400">1em</code> et non <code style="color:#8B0000">1&nbsp;em</code>).


|1 <span style="font-weight:normal">(ou premier paramètre sans nom)</span>, |title, |reason, |header, |heading
;|1 <span style="font-weight:normal">(ou premier paramètre sans nom)</span>, |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 "Contenu étendu".
: 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, <code><nowiki>{{Accordéon début|title=Ceci est le titre</nowiki></code> ou <code><nowiki>{{Accordéon début|Ceci est le titre</nowiki></code>. Remarque : Le balisage plus court et sans nom ne fonctionnera pas si la valeur du titre contient un caractère égal() (<code>=</code>).
: Par exemple, <code><nowiki>{{Accordéon début|title=Ceci est le titre</nowiki></code> ou <code><nowiki>{{Accordéon début|Ceci est le titre</nowiki></code>. Remarque : Le balisage plus court et sans nom ne fonctionnera pas si la valeur du titre contient un caractère égal() (<code>=</code>).
; |warning|yes
; |warning=yes
: Will display a default warning line under the main title which reads "The following is a closed debate. {{Strong|style=color:red|Please do not modify it."
: Affichera une ligne d'avertissement par défaut sous le titre principal qui se lit "Ce qui suit est un débat fermé. <span style="color:red">'''Veuillez ne pas le modifier'''</span>."
: Any non-empty value supplied to this parameter will have this effect (i.e. |warning|<span style="color:red">no</span> will not work as expected).
: Toute valeur non vide fournie à ce paramètre aura cet effet (c'est-à-dire ne fonctionnera pas comme prévu).
; |2 <span style="font-weight:normal">(or second unnamed parameter)</span>
; |2= <span style="font-weight:normal">(ou deuxième paramètre sans nom)</span>
: This is optional warning-line text. It will override the standard warning line above; it is not necessary to also use |warning|yes in this case, though doing so is harmless.
: 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
; |left=yes
: Will align the title along the left margin (in RTL languages, along the right margin instead).
: Alignera le titre le long de la marge de gauche (dans les langues RTL, le long de la marge de droite à la place).
: By default, text is centered, specifically between the left edge of the green box and the left edge of the "show" link.
: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".
: Any non-empty value supplied to this parameter will have this effect (i.e. |left|<span style="color:#8B0000">no</span> will not work as expected).
:Toute valeur non vide fournie à ce paramètre aura cet effet (c'est-à-dire ne fonctionnera pas comme prévu).
; |expand|yes
; |expand=yes
: Will leave the material uncollapsed with the border and coloring. Default is to collapse the material.
: Laisse le contenu déplié avec bordure et coloration. La valeur par défaut est '''''réduite'''''.
: Any non-empty value supplied to this parameter will have this effect (i.e. |expand|<span style="color:#8B0000">no</span> will not work as expected).
: Toute autre valeur passée à ce paramètre aura le même effet (par exemple |expand= <span style="color:#8B0000">no</span> n'aur pas l'effet escompté).
; |bg
; |bg=
: Sets the background color of the title of the collapsible bar. Defaults to "#F8FCFF", a whitish color. Named colors are listed at [[List of colors]].
: 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.
: For example, <code><nowiki>{{Accordéon début|This is the title text|bg=#008000</nowiki></code> or <code><nowiki>{{Accordéon début|This is the title text|bg=green</nowiki></code> (numeric HTML color codes require the leading <code>#</code>).
: Par exemple, <code><nowiki>{{Accordéon début|Ceci est le titre|bg=#008000</nowiki></code> ou <code><nowiki>{{Accordéon début|Ceci est le titre|bg=green</nowiki></code> (les codes de couleur HTML numériques requièrent le préfixe <code>#</code>).
; |fc
; |fc=
: Sets the font color of the title of the collapsible bar. Defaults to "black".
: Définit la couleur de police du titre. Par défaut, "noir".
: See |bg, above, for details on color options.
: Voir |bg=, ci-dessus pour plus de détails concernant les options de couleur.
; |border
; |border=
: Sets the width of the border line on the collapsed material. Defaults to <code>1px</code>.
: Définit la largeur de la ligne du contenu. Par défaut <code>1px</code>.
: For example, <code><nowiki>{{Accordéon début|border=2px</nowiki></code>; going much thicker than this is not very useful.
: Par exemple, <code><nowiki>{{Accordéon début|border=2px</nowiki></code>; une valeur supérieure n'est pas très utile.
; |b-color
; |b-color=
: Sets the border color. Defaults to <code>silver</code> (<code>#C0C0C0</code>).
: Définit la couleur de la bordure. Par défaut, <code>silver</code> (<code>#C0C0C0</code>).
: See |bg, above, for details on color options.
: Voir |bg=, ci-dessus, pour plus de détails concernant les options de couleur.
; |padding
; |padding=
: Sets the padding (distance from borders) on the collapsed material inside the colored area. Defaults to <code>8px</code>.
: définit l'espace (distance du bord) entre le contenu et le bord, dans la partie colorée. Par défaut, <code>8px</code>.
; |width
; |width=
: Sets the width of the overall template relative to the page (or a block element containing the collapse box). This should virtually always be given as a percentage, e.g. |width|50%, or in relative <code>em</code> units, e.g. |width|30em. Pixel-based values should be avoided, as they are effectively meaningless – the result will be different depending on each user's browser and local CSS settings (which browser and operating system it is, zoom level, font sizes, etc.).
: 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 <code>em</code>, 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
; |border2=
: Sets the properties of the border of the box that appears when template is expanded. Defaults to <code>1px silver</code> (there is no provision to change from a solid line).
: 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 : <code>1px silver</code>.
: For example, <code><nowiki>{{Accordéon début|border2=2px</nowiki></code> (only width or color will be changed if only one value is supplied).
: Par exemple, <code><nowiki>{{Accordéon début|border2=2px</nowiki></code> (seule la largeur ou la couleur est changée si une seule valeur est fournie).
: See |bg, above, for details on color options.
: Voir |bg=, ci-dessus, pour plus de détails concernant les options de couleur.
; |bg2
; |bg2=
: Sets the background color of the box that appears when template is expanded; defaults to <code>white</code> (<code>#FFF</code>).
: Définit la couleur de fond de la boîte qui apparaît lorsque le modèle est développé. Par défaut :  <code>white</code> (<code>#FFF</code>).
: See |bg, above, for details on color options.
: Voir |bg=, ci-dessus, pour plus de détails concernant les options de couleur.
; |indent
; |indent=
: Indents the box from the left of the page. Defaults to no indentation. Each <code>:</code> in talk page markup is approximately equivalent to <code>1.6em</code> of indent (e.g., to match <code>::::</code> indentation level, use |indent|6.4em). You can also use a percentage value.
: Indentation de la boite à partir de la gauche de la page. Par défaut : pas d'indentation. Chaque balise  <code>:</code> équivaut approximativement à un espace de <code>1.6em</code> (e.g., pour correspondre à une indentation équivalente à <code>::::</code>, utiliser |indent=6.4em). Vous pouvez également utiliser des pourcentages.
: Pixel-based values should be avoided (see |width, above, for the reason).
: Les valeurs basées sur les pixels doivent être évitées (voir |width=, ci-dessus).


== Examples ==
== Exemples ==
* Adding a box title (if omitted, default is "Extended content") – <syntaxhighlight lang="html5" inline>{{Accordéon début|This is the title text}}</syntaxhighlight>
* Définir le titre (par défaut, "Titre") – <syntaxhighlight lang="html5" inline>{{Accordéon début|Ceci est le titre}}</syntaxhighlight>


{{Accordéon début|This is the title text}}
{{Accordéon début|Ceci est le titre}}
{{Lorem ipsum}}
Contenu de la boite.
{{Accordéon fin}}
{{Accordéon fin}}


* Adding a standard warning line – <syntaxhighlight lang="html5" inline>{{Accordéon début|This is the title text|warning=true}}</syntaxhighlight>
* Ajout d'une ligne d'avertissement standard – <syntaxhighlight lang="html5" inline>{{Accordéon début|Ceci est le titre|warning=true}}</syntaxhighlight>


{{Accordéon début|This is the title text|warning=true}}
{{Accordéon début|Ceci est le titre|warning=true}}
{{Lorem ipsum}}
Contenu de la boite.
{{Accordéon fin}}
{{Accordéon fin}}


* Adding a custom warning line – <syntaxhighlight lang="html5" inline>{{Accordéon début|This is the title text|This is a custom warning line}}</syntaxhighlight>
* Ajouter une ligne d'avertissement personnalisée – <syntaxhighlight lang="html5" inline>{{Accordéon début|Ceci est le titre|Ceci est un message d'avertissement personnalisé}}</syntaxhighlight>


{{Accordéon début|This is the title text|This is a custom warning line}}
{{Accordéon début|Ceci est le titre|Ceci est un message d'avertissement personnalisé}}
{{Lorem ipsum}}
Contenu de la boite.
{{Accordéon fin}}
{{Accordéon fin}}


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


{{Accordéon début|left=true}}
{{Accordéon début|left=true}}
{{Lorem ipsum}}
Contenu de la boite.
{{Accordéon fin}}
{{Accordéon fin}}


* Changing background color – <syntaxhighlight lang="html5" inline>{{Accordéon début|bg=#F0F2F5}}</syntaxhighlight>
* Changer la couleur du fond – <syntaxhighlight lang="html5" inline>{{Accordéon début|bg=#F0F2F5}}</syntaxhighlight>


{{Accordéon début|bg=#F0F2F5}}
{{Accordéon début|bg=#F0F2F5}}
{{Lorem ipsum}}
Contenu de la boite.
{{Accordéon fin}}
{{Accordéon fin}}


* Adding extra padding – <syntaxhighlight lang="html5" inline>{{Accordéon début|padding=5em}}</syntaxhighlight>
* Augmenter l'espacement – <syntaxhighlight lang="html5" inline>{{Accordéon début|padding=5em}}</syntaxhighlight>


{{Accordéon début|padding=5em}}
{{Accordéon début|padding=5em}}
{{Lorem ipsum}}
Contenu de la boite.
{{Accordéon fin}}
{{Accordéon fin}}


* Archiving a section – The markup below:
* Archivage d'une section – Le balisage :


<syntaxhighlight lang="html5">{{Accordéon début}}
<syntaxhighlight lang="html5">{{Accordéon début}}
== Section header ==
== En-tête de section ==
Sample contents text
Contenu de la boite.
{{Accordéon fin}}</syntaxhighlight>
{{Accordéon fin}}</syntaxhighlight>


must be rewritten as:
doit être réécrit comme suit :


<syntaxhighlight lang="html5">{{Accordéon début|Section header}}
<syntaxhighlight lang="html5">{{Accordéon début|En-tête de section}}
Sample contents text
Contenu de la boite.
{{Accordéon fin}}</syntaxhighlight>
{{Accordéon fin}}</syntaxhighlight>


The end result:
Ce qui donne :


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


== TemplateData ==
<templatedata>
{{Accordéon début/doc}}
{
 
"params": {
== See also ==
"1": {
* {{Tl|Accordéon fin}}
"aliases": [
* {{Tl|Hidden archive top}} and {{Tl|Hidden archive bottom}}
"title",
* {{Tl|Hidden begin}} and {{Tl|Hidden end}}
"reason",
* {{Tl|Hidden}}}
"header",
 
"heading"
[[Category:Formatting templates{{#translation:}}]]
],
 
"label": "titre",
</noinclude>
"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
Récupérée de "https://wiki.lesitadom.fr/index.php?title=Modèle:Accordéon_début&oldid=392"