Ce modèle utilise la feuille de style Début des onglets/styles.css en CSS. Voir l'aide de l'extension TemplateStyles si vous voulez en savoir plus.
En bref
But
Créer une interface à onglets, notamment pour les portails et projets, pages d’aide et les pages utilisateur. Ne pas utiliser dans l’espace encyclopédique.
Syntaxe
{{Début des onglets|Onglet-1=Titre 1|URL-1=Page 1|Onglet-2=Titre 2|URL-2=page 2|…}} Texte de la page. {{Fin des onglets|Onglet-1=Titre 1|URL-1=Page 1|Onglet-2=Titre 2|URL-2=Page 2|…}}
Détails
Le nombre maximum d’onglets est 10.
Pour qu’au dernier onglet la page suivante ne soit pas la première vous pouvez définir {{{Onglet-Fin}}} et {{{URL-Fin}}}.
en précisant URLType-N=http vous pouvez mettre un lien interne en URL en onglet.
en précisant URLType-N=externe vous pouvez mettre un lien externe, qui affichera la petite flèche ([1]).
en précisant URLType-N=externe2 vous pouvez mettre un lien externe, qui n'affichera pas la petite flèche ([2]).
Il est possible de définir les paramètres optionnels suivants :
bordure= : style de la bordure.
fond onglets= : couleur de fond des onglets non sélectionnés.
fond cadre= : couleur de fond de l’onglet sélectionné et du cadre.
arrondi= : rayon de l’arrondi des coins supérieurs des onglets.
alignement onglet= : alignement du titre de l’onglet (left/center/right).
Image-(N°)= : nom de l’image (redimensionnée à 20 px) à afficher devant le nom de l’onglet.
Exemples
Minimaliste
Code « Début des onglets » et « Fin des onglets »
{{Début des onglets
| Onglet-1 = Début des onglets
| URL-1 = Modèle:Début des onglets
| Onglet-2 = Fin des onglets
| URL-2 = Modèle:Fin des onglets
| Onglet-3 = Onglet
| URL-3 = Modèle:Onglet
| Onglet-4 = Exemple
| URL-4 = Projet:Traduction/*/Aide/Demander une traduction
}}
Bla bla bla.
{{Fin des onglets
| Onglet-1 = Début des onglets
| URL-1 = Modèle:Début des onglets
| Onglet-2 = Fin des onglets
| URL-2 = Modèle:Fin des onglets
| Onglet-3 = Onglet
| URL-3 = Modèle:Onglet
| Onglet-4 = Exemple
| URL-4 = Projet:Traduction/*/Aide/Demander une traduction
}}
Avec fioritures
Code « Début des onglets » et « Fin des onglets »
{{Début des onglets
| Onglet-1 = Début des onglets
| URL-1 = {{FULLPAGENAME}}
| Image-1 = Madrid-MetroLinea1.png
| Onglet-2 = Fin des onglets
| URL-2 = Modèle:Fin des onglets
| Image-2 = Madrid-MetroLinea2.png
| Onglet-3 = Onglet
| URL-3 = Modèle:Onglet
| Image-3 = Madrid-MetroLinea3.png
| Onglet-4 = Exemple
| URL-4 = Projet:Traduction/*/Aide/Demander une traduction
| Image-4 = Madrid-MetroLinea4.png
| bordure = 2px solid #888888
| fond onglets = #aaaaaa
| fond cadre = #EEEFFF
| arrondi = 20px
| alignement onglet = left
}}
Bla bla bla.
{{Fin des onglets
| Onglet-1 = Début des onglets
| URL-1 = Modèle:Début des onglets
| Onglet-2 = Fin des onglets
| URL-2 = Modèle:Fin des onglets
| Onglet-3 = Onglet
| URL-3 = Modèle:Onglet
| Onglet-4 = Exemple
| URL-4 = Projet:Traduction/*/Aide/Demander une traduction
| Onglet-Fin = Revenir au projet traduction
| URL-Fin = Projet:Traduction
| bordure = 2px solid #888888
| fond onglets = #aaaaaa
| arrondi = 20px
| alignement onglet = left
}}
Type de l'URL de l'onglet (« http » pour un lien interne, « externe » pour un lien externe avec flèche et « externe2 » pour un lien externe sans flèche).
Valeurs suggérées
httpexterneexterne2
Par défaut
Interne
Ligne de texte
suggéré
Onglet 1 - Image
Image-1
Image à afficher sur l'onglet.
Exemple
image.png
Fichier
suggéré
Onglet 2 - Nom
Onglet-2
Nom de l'onglet.
Ligne de texte
facultatif
Onglet 2 - URL
URL-2
Lien de l'onglet.
Ligne de texte
facultatif
Onglet 2 - Type de l'URL
URLType-2
Type de l'URL de l'onglet (« http » pour un lien interne, « externe » pour un lien externe avec flèche et « externe2 » pour un lien externe sans flèche).
