Modèle:Méta palette de navigation : Différence entre versions
Ligne 197 : | Ligne 197 : | ||
== Utilisation == | == Utilisation == | ||
− | Ce modèle permet la création aisée de modèles de | + | 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 == | == Syntaxe == | ||
Ligne 204 : | Ligne 204 : | ||
| modèle = {{subst:PAGENAME}} | | modèle = {{subst:PAGENAME}} | ||
| titre = | | titre = | ||
− | |||
| dessus = | | dessus = | ||
− | |||
| groupe1 = | | groupe1 = | ||
| liste1 = | | liste1 = | ||
− | |||
| groupe2 = | | groupe2 = | ||
| liste2 = | | liste2 = | ||
− | |||
| groupe3 = | | groupe3 = | ||
| liste3 = | | liste3 = | ||
− | |||
| dessous = | | dessous = | ||
}}</pre> | }}</pre> | ||
Ligne 222 : | Ligne 217 : | ||
{{Boîte déroulante/début|titre=Code complet du modèle palette}} | {{Boîte déroulante/début|titre=Code complet du modèle palette}} | ||
<pre>{{Méta palette de navigation | <pre>{{Méta palette de navigation | ||
− | | modèle = {{subst:PAGENAME}}<!-- Nom du modèle, sans l'espace de noms --> | + | | modèle = {{subst:PAGENAME}}<!-- Nom du modèle, sans l'espace de noms --> |
− | | | + | | nocat = |
− | | | + | | étatboîte = |
− | | titre = | + | | titre = |
− | | | + | | styletitre = |
− | + | | stylecorps = | |
− | | stylecorps = | + | | stylegroupe = |
− | | stylegroupe = | + | | styleliste = |
− | | styleliste = | + | | stylepair = |
− | | stylepair = | + | | styleimpair = |
− | | styleimpair = | + | | styledessus = |
− | | styledessus = | + | | styledessous = |
− | | dessus = | + | | styleimage = |
− | | groupe1 = | + | | image = |
− | | liste1 = | + | | dessus = |
− | | groupe2 = | + | | groupe1 = |
− | | liste2 = | + | | liste1 = |
− | + | | groupe2 = | |
− | | groupe30 = | + | | liste2 = |
− | | liste30 = | + | ... |
− | + | | groupe30 = | |
− | | dessous = | + | | liste30 = |
− | + | | dessous = | |
}}</pre> | }}</pre> | ||
{{Boîte déroulante/fin}} | {{Boîte déroulante/fin}} | ||
Ligne 255 : | Ligne 250 : | ||
; ''titre'' | ; ''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 <code><nowiki>{{-}}</nowiki></code> pour que le texte soit bien centré. | : 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 <code><nowiki>{{-}}</nowiki></code> pour que le texte soit bien centré. | ||
− | : La couleur de fond par défaut est <code><span style="background: # | + | : La couleur de fond par défaut est <code><span style="background: #b6b6b4;">#b6b6b4</span></code>), mais il est possible de la modifier avec le paramètre ''<code>styletitre</code>'' (voir ci-dessous). |
; ''liste<sub>#</sub>'' | ; ''liste<sub>#</sub>'' | ||
: 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 <code><nowiki><div> </div></nowiki></code>. Au moins un paramètre ''<code>liste</code>'' est requis ; chaque ''<code>liste</code>'' additionnelle sera affichée sur une rangée séparée. Chaque ''liste<sub>#</sub>'' peut être précédée par un paramètre ''group<sub>n</sub>'' correspondant, si nécessaire (voir ci-après). | : 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 <code><nowiki><div> </div></nowiki></code>. Au moins un paramètre ''<code>liste</code>'' est requis ; chaque ''<code>liste</code>'' additionnelle sera affichée sur une rangée séparée. Chaque ''liste<sub>#</sub>'' peut être précédée par un paramètre ''group<sub>n</sub>'' correspondant, si nécessaire (voir ci-après). | ||
− | : La couleur de fond par défaut des listes est <code><span style="background: # | + | : La couleur de fond par défaut des listes est <code><span style="background: #eeeae7;">#eeeae7</span></code>), mais peut être modifiée avec les paramètres ''<code>stylecorps</code>'', ''<code>stylepair</code>'' et/ou ''<code>style impair</code>'' (voir ci-après). |
=== Optionnels === | === Optionnels === | ||
Ligne 265 : | Ligne 260 : | ||
; ''groupe<sub>#</sub>'' | ; ''groupe<sub>#</sub>'' | ||
: Lorsqu'il est spécifié, le texte apparaît dans l’entête de la cellule, à gauche de la ''liste<sub>#</sub>''. S'il est absent, la ''liste<sub>#</sub>'' prend toute la largeur du tableau. | : Lorsqu'il est spécifié, le texte apparaît dans l’entête de la cellule, à gauche de la ''liste<sub>#</sub>''. S'il est absent, la ''liste<sub>#</sub>'' prend toute la largeur du tableau. | ||
− | : La couleur de fond par défaut est <code><span style="background: # | + | : La couleur de fond par défaut est <code><span style="background: #dbd2cc;">#dbd2cc</span></code>, mais peut être modifiée avec le paramètre ''<code>stylegroupe</code>'' (voir ci-avant). |
; ''image'' | ; ''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 ''<code>liste1</code>'' doit être spécifié. Le paramètre ''<code>image</code>'' accepte la syntaxe wiki standard. Exemple : <code><nowiki>[[ | + | : 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 ''<code>liste1</code>'' doit être spécifié. Le paramètre ''<code>image</code>'' accepte la syntaxe wiki standard. Exemple : <code><nowiki>[[Fichier:Exemple.jpg|100px]]</nowiki></code>. |
− | : 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 ''<code>right</code>'' dans la syntaxe du lien de l’image. Exemple : <code><nowiki>[[ | + | : 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 ''<code>right</code>'' dans la syntaxe du lien de l’image. Exemple : <code><nowiki>[[Fichier:Example.jpg|80px|right]]</nowiki></code>. |
; ''dessus'' | ; ''dessus'' | ||
Ligne 296 : | Ligne 291 : | ||
:* <code>stylegroupe = background:#''nnnnnn'';</code> | :* <code>stylegroupe = background:#''nnnnnn'';</code> | ||
:* <code>stylegroupe = text-align:[''left/center/right''];</code> | :* <code>stylegroupe = text-align:[''left/center/right''];</code> | ||
+ | :* <code>stylegroupe = width:''N'' [em/%/px ou width:auto];</code> | ||
:* <code>stylegroupe = vertical-align:[''top/middle/bottom''];</code> | :* <code>stylegroupe = vertical-align:[''top/middle/bottom''];</code> | ||
:* <code>stylegroupe = white-space:nowrap;</code> | :* <code>stylegroupe = white-space:nowrap;</code> | ||
Ligne 304 : | Ligne 300 : | ||
; ''stylepair'' | ; ''stylepair'' | ||
; ''styleimpair'' | ; ''styleimpair'' | ||
− | : Les styles CSS à appliquer respectivement aux listes paires (''liste2'', ''liste4'', etc.) et impaires (''liste1'', ''liste3'', etc.). Habituellement utilisé pour afficher une couleur (<code>background:#''nnnnnn'';</code>) pour colorer alternativement des rangées de listes. | + | : Les styles CSS à appliquer respectivement aux listes paires (''liste2'', ''liste4'', etc.) et impaires (''liste1'', ''liste3'', etc.). Habituellement utilisé pour afficher une couleur (<code>background:#''nnnnnn'';</code>) pour colorer alternativement des rangées de listes. |
+ | |||
+ | ; ''stylepair'' | ||
+ | : Les couleurs de fond par défaut des listes sont <code><span style="background: #eeeae7;">#eeeae7</span></code> et <code><span style="background: #f9f9f9;">#f9f9f9</span></code>. | ||
+ | ; ''styleimpair'' | ||
+ | : Les styles CSS à appliquer respectivement aux listes paires (''liste2'', ''liste4'', etc.) et impaires (''liste1'', ''liste3'', etc.). Habituellement utilisé pour afficher une couleur (<code>background:#''nnnnnn'';</code>) pour colorer alternativement des rangées de listes. | ||
+ | : Les couleurs de fond par défaut des listes sont <code><span style="background: #eeeae7;">#eeeae7</span></code> et <code><span style="background: #f9f9f9;">#f9f9f9</span></code>. | ||
; ''styledessus'' | ; ''styledessus'' | ||
Ligne 311 : | Ligne 313 : | ||
:* <code>background:#''nnnnnn'';</code> | :* <code>background:#''nnnnnn'';</code> | ||
:* <code>text-align:[''left/center/right''];</code> | :* <code>text-align:[''left/center/right''];</code> | ||
+ | |||
+ | ==== Étatboîte ==== | ||
+ | Le paramètre '''''étatboîte''''' 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''). | ||
+ | |||
+ | Il est possible qu'une palette puisse être « enroulée » par défaut et sur une page particulière être déroulée par défaut. Cela nécessite l'emploi d'une technique particulière. | ||
+ | Dans la page de la palette, il suffit d'indiquer <code><nowiki>étatboîte = {{{étatboîte|collapsed}}}</nowiki></code> et dans la page où on souhaite que la palette ne soit pas enroulée, on indiquera alors <code><nowiki>{{Palette nompalette|étatboîte=uncollapsed}}</nowiki></code>.<br>Nota : cette technique ne peut être utilisée avec le {{m|Palette}} et donc de manière simultanée avec d'autres palettes. | ||
==== Autres ==== | ==== Autres ==== | ||
; ''sous-titre'' | ; ''sous-titre'' | ||
: Un sous-titre optionnel peut apparaître sous le titre obligatoire. Il sera automatiquement plus petit que le titre. | : Un sous-titre optionnel peut apparaître sous le titre obligatoire. Il sera automatiquement plus petit que le titre. | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
== Exemples de palettes == | == Exemples de palettes == | ||
Ligne 332 : | Ligne 337 : | ||
{{Méta palette de navigation/Documentation/Exemple 1}} | {{Méta palette de navigation/Documentation/Exemple 1}} | ||
− | === Groupement de palettes avec | + | === Groupement de palettes avec {{m|Palette}} === |
{{Palette|Méta palette de navigation/Documentation/Exemple 1|Méta palette de navigation/Documentation/Exemple 2|Méta palette de navigation/Documentation/Exemple 3}} | {{Palette|Méta palette de navigation/Documentation/Exemple 1|Méta palette de navigation/Documentation/Exemple 2|Méta palette de navigation/Documentation/Exemple 3}} | ||
[[Category:Méta-Modèles]] | [[Category:Méta-Modèles]] | ||
</noinclude> | </noinclude> |
Version du 1 octobre 2020 à 20:37
Sommaire
Utilisation
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
{{Méta palette de navigation | modèle = {{subst:PAGENAME}}<!-- Nom du modèle, sans l'espace de noms --> | nocat = | étatboîte = | titre = | styletitre = | stylecorps = | stylegroupe = | styleliste = | stylepair = | styleimpair = | styledessus = | styledessous = | styleimage = | image = | dessus = | groupe1 = | liste1 = | groupe2 = | liste2 = ... | groupe30 = | liste30 = | dessous = }}
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
#b6b6b4
), mais il est possible de la modifier avec le paramètrestyletitre
(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>
. Au moins un paramètreliste
est requis ; chaqueliste
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
#eeeae7
), mais peut être modifiée avec les paramètresstylecorps
,stylepair
et/oustyle 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
#dbd2cc
, mais peut être modifiée avec le paramètrestylegroupe
(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ètreimage
accepte la syntaxe wiki standard. Exemple :[[Fichier: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 :[[Fichier: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#.
Styles
- 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.)
- Les styles CSS à appliquer aux listes. Ce paramètre est écrasé si
- 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.
- stylepair
- Les couleurs de fond par défaut des listes sont
#eeeae7
et#f9f9f9
. - 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. - Les couleurs de fond par défaut des listes sont
#eeeae7
et#f9f9f9
.
- 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];
Étatboîte
Le paramètre étatboîte 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).
Il est possible qu'une palette puisse être « enroulée » par défaut et sur une page particulière être déroulée par défaut. Cela nécessite l'emploi d'une technique particulière.
Dans la page de la palette, il suffit d'indiquer étatboîte = {{{étatboîte|collapsed}}}
et dans la page où on souhaite que la palette ne soit pas enroulée, on indiquera alors {{Palette nompalette|étatboîte=uncollapsed}}
.
Nota : cette technique ne peut être utilisée avec le {{Palette}} et donc de manière simultanée avec d'autres palettes.
Autres
- sous-titre
- Un sous-titre optionnel peut apparaître sous le titre obligatoire. Il sera automatiquement plus petit que le titre.
Exemples de palettes
Sans groupe ni image
Avec images dans le titre et dans le corps
Avec sous-groupes