Différences entre les pages « Modèle:Boîte déroulante/Documentation » et « Modèle:Méta palette de navigation »

De Les Mots de l'agronomie
< Modèle:Boîte déroulante(Différence entre les pages)
imported>Jacques Ducloy
m (1 révision importée)
 
imported>Jacques Ducloy
m (1 révision importée)
 
Ligne 1 : Ligne 1 :
{{Sous-page de documentation}}
+
<!--
{{Modèle importé de Wikipédia France
 
|url=https://fr.wikipedia.org/w/index.php?title=Mod%C3%A8le:Bo%C3%AEte_d%C3%A9roulante&oldid=126593062
 
|adaptation=Modification du balisage html au niveau des groupes
 
}}
 
== Utilisation ==
 
;Cette documentation concerne :
 
* le modèle '''{{M|Boîte déroulante}}'''
 
* le modèle '''{{M|Boîte déroulante/début}}''' (qui s’utilise avec {{M|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]]) :
+
Chers contributeurs, ce méta-modèle est la source de plusieurs autres modèles qui l'incluent. À moins d'être bien sûr de ce que vous faites, vous ne devriez pas avoir à le modifier. En cas de doute, veuillez demander à un administrateur de vous aiguiller.
* 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 {{M|Boîte déroulante/début}} pour mettre un tableau dans une boite déroulante.
 
  
== Syntaxe ==
+
--><includeonly><!--
'''Utilisation :''' pour {{M|Boîte déroulante}}
+
Début test nécessaire au modèle Palette
<nowiki>{{boîte déroulante|titre=TITRE|contenu=CONTENU}}</nowiki>
+
-->{{#ifeq:{{{parent|}}}|bandeau|{{#ifeq:{{{paramètre|}}}|oui|palette avec paramètres}}
'''OU'''
+
|{{#switch:{{{bordure|{{{1|}}}}}}|sous-groupe|fille=</div>|none=|#default=}}<!--
<nowiki>{{boîte déroulante
+
--><table class="navbox collapsible noprint {{#if:{{{étatboîte|}}}|{{{étatboîte}}}|autocollapse}}" data-autocollapse-group="palette" style="{{#if:{{{style|}}}|{{{style|}}};}} {{{stylecorps|}}}">
|align=ALIGN
+
<tr><!--
|alignT=ALIGNT
 
|titre=TITRE
 
|label=LABEL
 
|contenu=CONTENU
 
|largeur=LARGEUR
 
|hauteur=HAUTEUR
 
}}</nowiki>
 
  
Le paramètre <code>modèle</code> 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.
+
---------------------------------------- Barre Titre -----------------------------------------
 +
--><th class="navbox-title" colspan="{{#if:{{{image|}}}|3|2}}" style="{{{styletitre|}}}"><div style="float:left; width:6em; text-align:left">{{Tnavbar|{{{modèle<noinclude>|Méta palette de navigation</noinclude>}}}|{{#ifeq:{{{paramètre|}}}|oui|voir|vm}}=1|mini=1}}</div><span style="font-size:110%">{{{titre}}}</span>{{#if:{{{sous-titre|}}}|{{Clr}}<small>{{{sous-titre}}}</small>}}</th>
 +
</tr> <!--
  
'''Utilisation :''' pour {{M|Boîte déroulante/début}}
+
----------------------- Dessus (groupes optionnels du dessus) -----------------------
<pre>{{boîte déroulante/début|titre=TITRE}}
+
-->{{#if:{{{dessus|}}} |<tr>
Contenu
+
<td class="navbox-banner" style="{{{styledessus|}}}" colspan="{{#if:{{{image|}}}|3|2}}">{{{dessus|}}}</td>
{{boîte déroulante/fin}}</pre>
+
</tr>}} <!--
  
== Paramètres ==
+
----------------------------------------- Groupes ----------------------------------------
{| class="wikitable"
+
-->{{#if:{{{liste1|}}} |<tr>
|----
+
{{#if:{{{groupe1|}}}    |<th class="navbox-group" style="{{{stylegroupe|}}}">{{{groupe1}}}</th>}}
! scope="row" colspan="4" | <big>Paramètres obligatoires</big>
+
<td class="navbox-list" style="{{#if:{{{styleliste|}}}|{{{styleliste|}}};}} {{{styleimpair|}}}" {{#if:{{{groupe1|}}}||colspan="2"}}>{{{liste1}}}</td>
|----
+
{{#if:{{{image|}}}|<td rowspan="{{#expr: {{#if:{{{liste1|}}}|1|0}} +{{#if:{{{liste2|}}}|1|0}} +{{#if:{{{liste3|}}}|1|0}} +{{#if:{{{liste4|}}}|1|0}} +{{#if:{{{liste5|}}}|1|0}} +{{#if:{{{liste6|}}}|1|0}} +{{#if:{{{liste7|}}}|1|0}} +{{#if:{{{liste8|}}}|1|0}} +{{#if:{{{liste9|}}}|1|0}} +{{#if:{{{liste10|}}}|1|0}} +{{#if:{{{liste11|}}}|1|0}} +{{#if:{{{liste12|}}}|1|0}} +{{#if:{{{liste13|}}}|1|0}} +{{#if:{{{liste14|}}}|1|0}} +{{#if:{{{liste15|}}}|1|0}} +{{#if:{{{liste16|}}}|1|0}} +{{#if:{{{liste17|}}}|1|0}} +{{#if:{{{liste18|}}}|1|0}} +{{#if:{{{liste19|}}}|1|0}} +{{#if:{{{liste20|}}}|1|0}} +{{#if:{{{liste21|}}}|1|0}} +{{#if:{{{liste22|}}}|1|0}} +{{#if:{{{liste23|}}}|1|0}} +{{#if:{{{liste24|}}}|1|0}} +{{#if:{{{liste25|}}}|1|0}} +{{#if:{{{liste26|}}}|1|0}} +{{#if:{{{liste27|}}}|1|0}} +{{#if:{{{liste28|}}}|1|0}} +{{#if:{{{liste29|}}}|1|0}} +{{#if:{{{liste30|}}}|1|0}}}}" style="{{#if:{{{styleimage|}}} |{{{styleimage|}}} |vertical-align:middle;padding-left:7px}}">{{{image}}}</td>}}
! scope="col" | paramètre !! scope="col" | effet !! scope="col" colspan="2" | valeurs possibles
+
</tr>}} <!--
|----
 
| <code>titre</code> || Titre affiché de la boîte || colspan="2" | Totalement libre, mais le caractère « | » par exemple ne passe pas.
 
|----
 
| <code>contenu</code> || Texte contenu dans la boîte || colspan="2" | Totalement libre, mais certains caractères spéciaux ne passent pas, comme la barre verticale. Utiliser dans ce cas :<br /><code>{{M|Boîte déroulante/début}} ''contenu'' {{M|Boîte déroulante/fin}}</code>.
 
|----
 
! scope="row" colspan="4" | <big>Paramètres facultatifs</big>
 
|----
 
! scope="col" | paramètre !! scope="col" | effet !! scope="col" | valeur par défaut !! scope="col" | valeurs possibles
 
|----  
 
| <code>modèle</code> || lien vers le modèle || || <code>nom du modèle (sans <code>modèle:</code>)</code>
 
|----
 
| <code>arrondi</code> (désactivé) || arrondi des angles || <code>0</code> || Les angles peuvent apparaître arrondis si le navigateur le permet.<br />Visible sur les navigateurs [[Mozilla Foundation|Mozilla]], non visible sur [[Internet Explorer]].<br />Valeur conseillée : <code>0.6em</code>, s’exprime en '''pt''', '''px''' ou '''em'''
 
|----
 
| <code>image</code> || image à gauche || || L’image facultative apparaît à l’ouverture de la boîte.<br />Elle doit être totalement renseignée.<br />Exemple : <code><nowiki>[[Fichier:Gtk-dialog-info.svg|15px]]</nowiki></code>
 
|----
 
| <code>alignB</code> || alignement de la boîte || <code>left</code> || <code>left</code>, <code>right</code>, <code>center</code> ou <code>justify</code>
 
|----
 
| <code>hauteur</code> || hauteur de la boîte repliée || <code>1.6em</code> || La hauteur doit être exprimée avec une unité valable.<br />Ne pas mettre une hauteur inférieure à 1.6em sous peine d’effets indésirables
 
|----
 
| <code>margeBas</code> || marge bas (après la boîte) || <code>1em</code> || La hauteur doit être exprimée avec une unité valable.<br />Il est possible de mettre 0
 
|----
 
| <code>largeur</code> || largeur de la boîte || <code>100%</code> || La largeur doit être exprimée avec une unité valable.
 
|----
 
| <code>couleurBordure</code> || couleur de la bordure || <code>#AAAAAA</code> || rowspan="3" | Expression de couleur valide<br />exemples : black, #C080FF, …<br />{{Boîte déroulante|titre=Table des couleurs|arrondi=0.6em|align=center|largeur=98%|couleurFondB=#eee|couleurFondT=#fff|couleurFond=#fff| contenu={{Table des couleurs}}}}
 
|----
 
| <code>couleurFondB</code> || couleur de fond de la boîte || <code>#FFFFFF</code>
 
|----
 
| <code>couleurFond</code> || couleur de fond du contenu || <code>white</code>
 
|----
 
! scope="row" colspan="4" | <big>Texte</big>
 
|----
 
| <code>align</code> || alignement du contenu || <code>left</code> || rowspan="2" |<code>left</code>, <code>right</code>, <code>center</code> ou <code>justify</code>
 
|----
 
| <code>alignT</code> || alignement du titre || <code>center</code>
 
|----
 
| <code>label</code> || texte du lien de droite || <code><nowiki>[dérouler] / [enrouler]</nowiki></code> || Totalement libre. Le caractère "/" permet de séparer les deux libellés. Exemple : <code>[ afficher ] / [ masquer ]</code>.
 
|----
 
| <code>couleurFondT</code> || couleur de fond du titre || <code>#EFEFEF</code> || rowspan="2" | Expression de couleur valide<br />exemples : black, #C080FF, …<br />{{Boîte déroulante|titre=Table des couleurs|arrondi=0.6em|align=center|largeur=98%|couleurFondB=#eee|couleurFondT=#fff|couleurFond=#fff| contenu={{Table des couleurs}}}}
 
|----
 
| <code>couleurTexteT</code> || couleur du texte de titre || <code>black</code>
 
|----
 
| <code>thinning</code> || titre pas en gras || <code>no</code> || yes/no
 
|}
 
  
== Variante ==
+
-->{{#if:{{{liste2|}}}  |<tr>
Un modèle alternatif existe, composé de deux morceaux indissociables : {{m|Boîte déroulante/début}} et {{m|Boîte déroulante/fin}}, le premier accepte les mêmes paramètres que {{m|Boîte déroulante}}, la différence est que le contenu peut être arbitraire (alors que {{m|Boîte déroulante}} ne permet pas de caractères '''|''' dans le contenu).
+
{{#if:{{{groupe2|}}}    |<th class="navbox-group" style="{{{stylegroupe|}}}">{{{groupe2}}}</th>}}
 +
<td class="navbox-list navbox-even" style="{{#if:{{{styleliste|}}}|{{{styleliste|}}};}} {{{stylepair|}}}" {{#if:{{{groupe2|}}}||colspan="2"}}>{{{liste2}}}</td>
 +
</tr>}} <!--
  
== Exemples ==
+
-->{{#if:{{{liste3|}}}  |<tr>
{{boîte déroulante|image=[[Fichier:Gtk-dialog-info.svg|15px]]|align=left|alignT=center|titre=par défaut (align=left, alignT=center)|contenu=
+
{{#if:{{{groupe3|}}}    |<th class="navbox-group" style="{{{stylegroupe|}}}">{{{groupe3}}}</th>}}
Lorem ipsum dolor sit amet, consectetaur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
+
<td class="navbox-list" style="{{#if:{{{styleliste|}}}|{{{styleliste|}}};}} {{{styleimpair|}}}" {{#if:{{{groupe3|}}}||colspan="2"}}>{{{liste3}}}</td>
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.}}
+
</tr>}} <!--
{{boîte déroulante|align=right|titre=Contenu à droite (align=right)|contenu=
 
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.}}
 
{{boîte déroulante|align=center|alignT=left|titre=Contenu centré, titre à gauche (align=center, alignT=left)|contenu=
 
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.}}
 
{{boîte déroulante|align=justify|alignT=right|titre=Contenu justifié, titre à droite (align=justify, alignT=right)|contenu=
 
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.}}
 
{{boîte déroulante|titre=essais de couleurs pour démonstration|couleurBordure=green|couleurFondB=lightpink|couleurFondT=yellow|couleurTexteT=blue|couleurFond=lightcyan|contenu=
 
<br />&nbsp;&nbsp;[[Fichier:Palette boîte déroulante.gif|alt=Exemple de boîte déroulante avec des couleurs]]
 
* couleurBordure=green
 
* couleurFondB=lightpink
 
* couleurFondT=yellow
 
* couleurTexteT=blue
 
* couleurFond=lightcyan
 
}}
 
{{Boîte déroulante|titre=Boîte déroulante avec angles ronds (arrondi=0.6em)|arrondi=0.6em|contenu =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 Data ==
+
-->{{#if:{{{liste4|}}} |<tr>
<templatedata>
+
{{#if:{{{groupe4|}}}    |<th class="navbox-group" style="{{{stylegroupe|}}}">{{{groupe4}}}</th>}}
{
+
<td class="navbox-list navbox-even" style="{{#if:{{{styleliste|}}}|{{{styleliste|}}};}} {{{stylepair|}}}" {{#if:{{{groupe4|}}}||colspan="2"}}>{{{liste4}}}</td>
        "description": "Ce modèle permet de mettre un texte dépourvu de barre verticale dans une boîte déroulante",
+
</tr>}} <!--
        "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 ==
+
-->{{#if:{{{liste5|}}}  |<tr>
{{Palette|Modèles navigationnels}}
+
{{#if:{{{groupe5|}}}    |<th class="navbox-group" style="{{{stylegroupe|}}}">{{{groupe5}}}</th>}}
<includeonly>
+
<td class="navbox-list" style="{{#if:{{{styleliste|}}}|{{{styleliste|}}};}} {{{styleimpair|}}}" {{#if:{{{groupe5|}}}||colspan="2"}}>{{{liste5}}}</td>
[[Catégorie:Modèle déroulant]]
+
</tr>}} <!--
[[Catégorie:Modèle encadré]]
+
 
</includeonly>
+
-->{{#if:{{{liste6|}}}  |<tr>
 +
{{#if:{{{groupe6|}}}    |<th class="navbox-group" style="{{{stylegroupe|}}}">{{{groupe6}}}</th>}}
 +
<td class="navbox-list navbox-even" style="{{#if:{{{styleliste|}}}|{{{styleliste|}}};}} {{{stylepair|}}}" {{#if:{{{groupe6|}}}||colspan="2"}}>{{{liste6}}}</td>
 +
</tr>}} <!--
 +
 
 +
-->{{#if:{{{liste7|}}}  |<tr>
 +
{{#if:{{{groupe7|}}}    |<th class="navbox-group" style="{{{stylegroupe|}}}">{{{groupe7}}}</th>}}
 +
<td class="navbox-list" style="{{#if:{{{styleliste|}}}|{{{styleliste|}}};}} {{{styleimpair|}}}" {{#if:{{{groupe7|}}}||colspan="2"}}>{{{liste7}}}</td>
 +
</tr>}} <!--
 +
 
 +
-->{{#if:{{{liste8|}}}  |<tr>
 +
{{#if:{{{groupe8|}}}    |<th class="navbox-group" style="{{{stylegroupe|}}}">{{{groupe8}}}</th>}}
 +
<td class="navbox-list navbox-even" style="{{#if:{{{styleliste|}}}|{{{styleliste|}}};}} {{{stylepair|}}}" {{#if:{{{groupe8|}}}||colspan="2"}}>{{{liste8}}}</td>
 +
</tr>}} <!--
 +
 
 +
-->{{#if:{{{liste9|}}}  |<tr>
 +
{{#if:{{{groupe9|}}}    |<th class="navbox-group" style="{{{stylegroupe|}}}">{{{groupe9}}}</th>}}
 +
<td class="navbox-list" style="{{#if:{{{styleliste|}}}|{{{styleliste|}}};}} {{{styleimpair|}}}" {{#if:{{{groupe9|}}}||colspan="2"}}>{{{liste9}}}</td>
 +
</tr>}} <!--
 +
 
 +
-->{{#if:{{{liste10|}}} |<tr>
 +
{{#if:{{{groupe10|}}}  |<th class="navbox-group" style="{{{stylegroupe|}}}">{{{groupe10}}}</th>}}
 +
<td class="navbox-list navbox-even" style="{{#if:{{{styleliste|}}}|{{{styleliste|}}};}} {{{stylepair|}}}" {{#if:{{{groupe10|}}}||colspan="2"}}>{{{liste10}}}</td>
 +
</tr>}} <!--
 +
 
 +
-->{{#if:{{{liste11|}}} |<tr>
 +
{{#if:{{{groupe11|}}}  |<th class="navbox-group" style="{{{stylegroupe|}}}">{{{groupe11}}}</th>}}
 +
<td class="navbox-list" style="{{#if:{{{styleliste|}}}|{{{styleliste|}}};}} {{{styleimpair|}}}" {{#if:{{{groupe11|}}}||colspan="2"}}>{{{liste11}}}</td>
 +
</tr>}} <!--
 +
 
 +
-->{{#if:{{{liste12|}}} |<tr>
 +
{{#if:{{{groupe12|}}}  |<th class="navbox-group" style="{{{stylegroupe|}}}">{{{groupe12}}}</th>}}
 +
<td class="navbox-list navbox-even" style="{{#if:{{{styleliste|}}}|{{{styleliste|}}};}} {{{stylepair|}}}" {{#if:{{{groupe12|}}}||colspan="2"}}>{{{liste12}}}</td>
 +
</tr>}} <!--
 +
 
 +
-->{{#if:{{{liste13|}}} |<tr>
 +
{{#if:{{{groupe13|}}}  |<th class="navbox-group" style="{{{stylegroupe|}}}">{{{groupe13}}}</th>}}
 +
<td class="navbox-list" style="{{#if:{{{styleliste|}}}|{{{styleliste|}}};}} {{{styleimpair|}}}" {{#if:{{{groupe13|}}}||colspan="2"}}>{{{liste13}}}</td>
 +
</tr>}} <!--
 +
 
 +
-->{{#if:{{{liste14|}}} |<tr>
 +
{{#if:{{{groupe14|}}}  |<th class="navbox-group" style="{{{stylegroupe|}}}">{{{groupe14}}}</th>}}
 +
<td class="navbox-list navbox-even" style="{{#if:{{{styleliste|}}}|{{{styleliste|}}};}} {{{stylepair|}}}" {{#if:{{{groupe14|}}}||colspan="2"}}>{{{liste14}}}</td>
 +
</tr>}} <!--
 +
 
 +
-->{{#if:{{{liste15|}}} |<tr>
 +
{{#if:{{{groupe15|}}}  |<th class="navbox-group" style="{{{stylegroupe|}}}">{{{groupe15}}}</th>}}
 +
<td class="navbox-list" style="{{#if:{{{styleliste|}}}|{{{styleliste|}}};}} {{{styleimpair|}}}" {{#if:{{{groupe15|}}}||colspan="2"}}>{{{liste15}}}</td>
 +
</tr>}} <!--
 +
 
 +
-->{{#if:{{{liste16|}}} |<tr>
 +
{{#if:{{{groupe16|}}}  |<th class="navbox-group" style="{{{stylegroupe|}}}">{{{groupe16}}}</th>}}
 +
<td class="navbox-list navbox-even" style="{{#if:{{{styleliste|}}}|{{{styleliste|}}};}} {{{stylepair|}}}" {{#if:{{{groupe16|}}}||colspan="2"}}>{{{liste16}}}</td>
 +
</tr>}} <!--
 +
 
 +
-->{{#if:{{{liste17|}}} |<tr>
 +
{{#if:{{{groupe17|}}}  |<th class="navbox-group" style="{{{stylegroupe|}}}">{{{groupe17}}}</th>}}
 +
<td class="navbox-list" style="{{#if:{{{styleliste|}}}|{{{styleliste|}}};}} {{{styleimpair|}}}" {{#if:{{{groupe17|}}}||colspan="2"}}>{{{liste17}}}</td>
 +
</tr>}} <!--
 +
 
 +
-->{{#if:{{{liste18|}}} |<tr>
 +
{{#if:{{{groupe18|}}}  |<th class="navbox-group" style="{{{stylegroupe|}}}">{{{groupe18}}}</th>}}
 +
<td class="navbox-list navbox-even" style="{{#if:{{{styleliste|}}}|{{{styleliste|}}};}} {{{stylepair|}}}" {{#if:{{{groupe18|}}}||colspan="2"}}>{{{liste18}}}</td>
 +
</tr>}} <!--
 +
 
 +
-->{{#if:{{{liste19|}}} |<tr>
 +
{{#if:{{{groupe19|}}}  |<th class="navbox-group" style="{{{stylegroupe|}}}">{{{groupe19}}}</th>}}
 +
<td class="navbox-list" style="{{#if:{{{styleliste|}}}|{{{styleliste|}}};}} {{{styleimpair|}}}" {{#if:{{{groupe19|}}}||colspan="2"}}>{{{liste19}}}</td>
 +
</tr>}} <!--
 +
 
 +
-->{{#if:{{{liste20|}}} |<tr>
 +
{{#if:{{{groupe20|}}}  |<th class="navbox-group" style="{{{stylegroupe|}}}">{{{groupe20}}}</th>}}
 +
<td class="navbox-list navbox-even" style="{{#if:{{{styleliste|}}}|{{{styleliste|}}};}} {{{stylepair|}}}" {{#if:{{{groupe20|}}}||colspan="2"}}>{{{liste20}}}</td>
 +
</tr>}} <!--
 +
 
 +
-->{{#if:{{{liste21|}}} |<tr>
 +
{{#if:{{{groupe21|}}}  |<th class="navbox-group" style="{{{stylegroupe|}}}">{{{groupe21}}}</th>}}
 +
<td class="navbox-list" style="{{#if:{{{styleliste|}}}|{{{styleliste|}}};}} {{{styleimpair|}}}" {{#if:{{{groupe21|}}}||colspan="2"}}>{{{liste21}}}</td>
 +
</tr>}} <!--
 +
 
 +
-->{{#if:{{{liste22|}}} |<tr>
 +
{{#if:{{{groupe22|}}}  |<th class="navbox-group" style="{{{stylegroupe|}}}">{{{groupe22}}}</th>}}
 +
<td class="navbox-list navbox-even" style="{{#if:{{{styleliste|}}}|{{{styleliste|}}};}} {{{stylepair|}}}" {{#if:{{{groupe22|}}}||colspan="2"}}>{{{liste22}}}</td>
 +
</tr>}} <!--
 +
 
 +
-->{{#if:{{{liste23|}}} |<tr>
 +
{{#if:{{{groupe23|}}}  |<th class="navbox-group" style="{{{stylegroupe|}}}">{{{groupe23}}}</th>}}
 +
<td class="navbox-list" style="{{#if:{{{styleliste|}}}|{{{styleliste|}}};}} {{{styleimpair|}}}" {{#if:{{{groupe23|}}}||colspan="2"}}>{{{liste23}}}</td>
 +
</tr>}} <!--
 +
 
 +
-->{{#if:{{{liste24|}}} |<tr>
 +
{{#if:{{{groupe24|}}}  |<th class="navbox-group" style="{{{stylegroupe|}}}">{{{groupe24}}}</th>}}
 +
<td class="navbox-list navbox-even" style="{{#if:{{{styleliste|}}}|{{{styleliste|}}};}} {{{stylepair|}}}" {{#if:{{{groupe24|}}}||colspan="2"}}>{{{liste24}}}</td>
 +
</tr>}} <!--
 +
 
 +
-->{{#if:{{{liste25|}}} |<tr>
 +
{{#if:{{{groupe25|}}}  |<th class="navbox-group" style="{{{stylegroupe|}}}">{{{groupe25}}}</th>}}
 +
<td class="navbox-list" style="{{#if:{{{styleliste|}}}|{{{styleliste|}}};}} {{{styleimpair|}}}" {{#if:{{{groupe25|}}}||colspan="2"}}>{{{liste25}}}</td>
 +
</tr>}} <!--
 +
 
 +
-->{{#if:{{{liste26|}}} |<tr>
 +
{{#if:{{{groupe26|}}}  |<th class="navbox-group" style="{{{stylegroupe|}}}">{{{groupe26}}}</th>}}
 +
<td class="navbox-list navbox-even" style="{{#if:{{{styleliste|}}}|{{{styleliste|}}};}} {{{stylepair|}}}" {{#if:{{{groupe26|}}}||colspan="2"}}>{{{liste26}}}</td>
 +
</tr>}} <!--
 +
 
 +
-->{{#if:{{{liste27|}}} |<tr>
 +
{{#if:{{{groupe27|}}}  |<th class="navbox-group" style="{{{stylegroupe|}}}">{{{groupe27}}}</th>}}
 +
<td class="navbox-list" style="{{#if:{{{styleliste|}}}|{{{styleliste|}}};}} {{{styleimpair|}}}" {{#if:{{{groupe27|}}}||colspan="2"}}>{{{liste27}}}</td>
 +
</tr>}} <!--
 +
 
 +
-->{{#if:{{{liste28|}}} |<tr>
 +
{{#if:{{{groupe28|}}}  |<th class="navbox-group" style="{{{stylegroupe|}}}">{{{groupe28}}}</th>}}
 +
<td class="navbox-list navbox-even" style="{{#if:{{{styleliste|}}}|{{{styleliste|}}};}} {{{stylepair|}}}" {{#if:{{{groupe28|}}}||colspan="2"}}>{{{liste28}}}</td>
 +
</tr>}} <!--
 +
 
 +
-->{{#if:{{{liste29|}}} |<tr>
 +
{{#if:{{{groupe29|}}}  |<th class="navbox-group" style="{{{stylegroupe|}}}">{{{groupe29}}}</th>}}
 +
<td class="navbox-list" style="{{#if:{{{styleliste|}}}|{{{styleliste|}}};}} {{{styleimpair|}}}" {{#if:{{{groupe29|}}}||colspan="2"}}>{{{liste29}}}</td>
 +
</tr>}} <!--
 +
 
 +
-->{{#if:{{{liste30|}}} |<tr>
 +
{{#if:{{{groupe30|}}}  |<th class="navbox-group" style="{{{stylegroupe|}}}">{{{groupe30}}}</th>}}
 +
<td class="navbox-list navbox-even" style="{{#if:{{{styleliste|}}}|{{{styleliste|}}};}} {{{stylepair|}}}" {{#if:{{{groupe30|}}}||colspan="2"}}>{{{liste30}}}</td>
 +
</tr>}} <!--
 +
 
 +
----------------------- Dessous (groupes optionnels du dessous)-----------------------
 +
-->{{#if:{{{dessous|}}} |<tr>
 +
<td class="navbox-banner" style="{{{styledessous|}}}" colspan="{{#if:{{{image|}}}|3|2}}">{{{dessous|}}}</td></tr>}}</table>{{#switch:{{{bordure|{{{1|}}}}}}|sous-groupe|fille=<div>|none=|#default=}}<!--
 +
 
 +
Catégories / état
 +
 
 +
-->{{#ifeq:{{{nocat|}}}|oui||{{#ifeq:{{NAMESPACE}}|{{ns:10}}|{{#switch:{{{étatboîte|autocollapse}}}
 +
|collapsed=[[Catégorie:Palette avec paramètre état à collapsed]]
 +
|uncollapsed=[[Catégorie:Palette avec paramètre état à uncollapsed]]
 +
|
 +
|autocollapse=[[Catégorie:Palette avec paramètre état ignoré ou à autocollapse]]
 +
|[[Catégorie:Palette avec paramètre état non reconnu]]
 +
}}<!--
 +
 
 +
Catégorie / modèle
 +
 
 +
-->{{#ifeq: {{localurl:{{{modèle|}}}}} | {{localurl:{{PAGENAME}}}}||[[Catégorie:Palette avec paramètre modèle mal renseigné]]}}}}}}<!--
 +
 
 +
Fin catégories
 +
 
 +
-->}}<!--
 +
Fin test nécessaire au modèle Palette
 +
--></includeonly><noinclude>{{Documentation}}<!--
 +
SVP ajoutez les catégories et les interwikis dans la sous-page /Documentation, pas ici !
 +
--></noinclude>

Version actuelle datée du 7 décembre 2020 à 17:43

 Documentation[modifier] [purger]

Modèle:Protection Modèle:Avertissement méta-modèle

Utilisation

Modèle:Aide détaillée Ce modèle permet la création aisée de modèles de palettes de navigation standards, permettant de grouper des liens internes par thème, dans un tableau en boîte déroulante. Dans un article, lorsqu’il y a plusieurs palettes, elles sont conçues pour s’empiler sans espacement.

Syntaxe

Copier-coller le texte ci-dessous et supprimer les paramètres dont vous n'avez pas besoin.

{{Méta palette de navigation
| modèle  = {{subst:PAGENAME}}
| titre   = 

| dessus  = 

| groupe1 = 
| liste1  = 

| groupe2 = 
| liste2  = 

| groupe3 = 
| liste3  = 

| dessous = 
}}
Syntaxe complète

Nom du modèle palette

Création d’une nouvelle palette
Lors de la création d’un nouveau modèle de palette de navigation, il est demandé de respecter la convention des noms de modèle. Ainsi le nom devra toujours débuter par « Palette » suivi du nom commençant par une majuscule : Modèle:Palette Nom de la palette. Quelques exemples de noms de modèle : Modèle:Palette Régions des États-Unis · Modèle:Palette Processus nucléaires · Modèle:Palette Unibroue.

Catégorie

Chaque palette doit être catégorisée dans au moins une des sous-catégories de Catégorie:Palette de navigation entre des balises <noinclude> </noinclude>.

Paramètres

Obligatoires

modèle
Le nom du modèle, nécessaire pour les liens « v • d • m » (« voir • discuter • modifier ») afin qu’ils fonctionnent sur toutes les pages où ce modèle est utilisé. Vous pouvez entrer {{subst:PAGENAME}} comme valeur afin d’éviter les erreurs.
titre
Texte centré qui apparaît dans l’entête du tableau. Habituellement, il s’agit du sujet du modèle. Ceci devrait être contenu sur une ligne, mais si une deuxième est nécessaire, utiliser {{-}} pour que le texte soit bien centré.
La couleur de fond par défaut est #ccccff), mais il est possible de la modifier avec le paramètre styletitre (voir ci-dessous).
liste#
Le corps de ce modèle est habituellement une liste de liens. Le format prévoit une seule ligne, bien que le texte peut être entré sur des lignes séparées à l’intérieur des balises <div> </div> (voir #Exemple avec code). Au moins un paramètre liste est requis ; chaque liste additionnelle sera affichée sur une rangée séparée. Chaque liste# peut être précédée par un paramètre groupn correspondant, si nécessaire (voir ci-après).
La couleur de fond par défaut des listes est #ccccff), mais peut être modifiée avec les paramètres stylecorps, stylepair et/ou style impair (voir ci-après).

Optionnels

Cellules

groupe#
Lorsqu'il est spécifié, le texte apparaît dans l’entête de la cellule, à gauche de la liste#. S'il est absent, la liste# prend toute la largeur du tableau.
La couleur de fond par défaut est #ddddff, mais peut être modifiée avec le paramètre stylegroupe (voir ci-avant).
image
Une image peut être affichée dans la cellule sous le titre et à la droite du corps (les groupes/listes). Pour que l’image apparaisse correctement, un paramètre de la liste1 doit être spécifié. Le paramètre image accepte la syntaxe wiki standard. Exemple : [[Image:Exemple.jpg|100px]].
Dans un modèle où le corps (les groupes/listes) ne s’étend pas jusqu’au bout à droite, l’image débordera de la marge de droite. Ceci peut être corrigé en utilisant le paramètre right dans la syntaxe du lien de l’image. Exemple : [[Image:Example.jpg|80px|right]].
dessus
Une cellule pleine largeur peut apparaître entre la barre de titre et le premier groupe/liste, juste au-dessus du corps (groupes/listes/image). Dans un modèle sans image, dessus se comporte de la même façon que liste1 sans paramètre de groupe1.
dessous
Une cellule pleine largeur peut apparaître dessous le corps du modèle (groupes/listes/image). Dans un modèle sans image, dessous se comporte comme si la dernière liste# sans le paramètre groupe#. (Voir #Exemple avec image et style.)

Styles

Lorsque vous indiquez des styles de couleur, veillez à respecter les recommandations sur l’usage de la couleur dans les articles.

styletitre
Les styles CSS à appliquer à la barre d’entête. Exemples :
  • styletitre = background:#nnnnnn;
  • styletitre = background:nom;
stylecorps
Les styles CSS à appliquer au corps du modèle. Le mot style (plus court) peut être utilisé lorsqu’aucun autre paramètre de style n’est spécifié. Cette option doit être utilisée avec parcimonie, car elle peut provoquer des contradictions visuelles. Exemples :
  • stylecorps = background:#nnnnnn;
  • stylecorps = text-align:[right/center/left/justified];
  • stylecorps = width:N [em/%/px ou width:auto];
  • stylecorps = float:[left/right/none];
  • stylecorps = clear:[right/left/both/none];
stylegroupe
Les styles CSS à appliquer aux cellules groupe#. Cette option écrase tous les styles qui sont appliqués au tableau entier. Exemples :
  • stylegroupe = background:#nnnnnn;
  • stylegroupe = text-align:[left/center/right];
  • stylegroupe = width:N [em/%/px ou width:auto];
  • stylegroupe = vertical-align:[top/middle/bottom];
  • stylegroupe = white-space:nowrap;
styleliste
  • Les styles CSS à appliquer aux listes. Ce paramètre est écrasé si stylepair/styleimpair est spécifié. (Voir ci-après.)
stylepair
styleimpair
Les styles CSS à appliquer respectivement aux listes paires (liste2, liste4, etc.) et impaires (liste1, liste3, etc.). Habituellement utilisé pour afficher une couleur (background:#nnnnnn;) pour colorer alternativement des rangées de listes.
styledessus
styledessous
Les styles CSS à appliquer à la cellule du haut (spécifiés par le paramètre dessus) et la cellule du bas (spécifiés par le paramètre dessous). Souvent utilisé pour l’alignement du texte et la couleur de fond :
  • background:#nnnnnn;
  • text-align:[left/center/right];

Autres

sous-titre
Un sous-titre optionnel peut apparaître sous le titre obligatoire. Il sera automatiquement plus petit que le titre.
étatboîte
Ce paramètre contrôle l’enroulement et le déroulement de la boîte lorsqu’elle s’affiche sur une page.
  • collapsed : La boîte sera fermée (enroulée) lors du chargement de la page.
  • uncollapsed : La boîte sera ouverte (déroulée) lors du chargement de page.
  • vide (par défaut) : la boîte sera ouverte (déroulée), mais, si la page contient deux boîtes ou plus, elles seront fermées (enroulées) lors du chargement de la page (autocollapse).
nocat
Afin de détecter les palettes avec le champ modèle mal renseigné, ce modèle catégorise dans Modèle:Catégorie les modèles erronés. Cependant, si une palette est utilisée dans la documentation d'un modèle, celui-ci est détecté comme erreur. Afin de limiter le nombre de faux positifs, il est possible d'utiliser le paramètre nocat=oui dans le code des palettes uniquement destinées à des modèles (comme {{Palette Liste des modèles s}}).

Exemples de palettes

Sans groupe ni image

Avec images dans le titre et dans le corps

Avec sous-groupes

Ce modèle pose un problème d’accessibilité important. Vous êtes invité(e)s à limiter son utilisation car il entraîne une impossibilité ou une forte difficulté de consultation du contenu de Wikipédia pour différents types d’utilisateurs en situation de handicap technique ou personnel.

Avec sous-groupes et image

Ce modèle pose un problème d’accessibilité important. Vous êtes invité(e)s à limiter son utilisation car il entraîne une impossibilité ou une forte difficulté de consultation du contenu de Wikipédia pour différents types d’utilisateurs en situation de handicap technique ou personnel.

Modèle:Méta palette de navigation/Documentation/Exemple 6

Groupement de palettes avec {{Palette}}

Voir aussi

Modèle:Projet