Modèle:Début des onglets

 Documentation[voir] [modifier] [historique] [purger]

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
}}

Exemple de rendu

{{Début des onglets
 | Onglet-1     = titre 1
 | URL-1        = Projet:WikiMOOC
 | Onglet-2     = titre 2
 | URL-2        = Discussion Projet:WikiMOOC/2016
 | Onglet-3     = titre 3
 | URL-3        = Projet:WikiMOOC/2016/Plan détaillé
 | bordure      =
 | fond onglets = #FFFFFF;
 | fond cadre   =
 | arrondi      = .5em
}}
{{Fin des onglets}}

titre 1

titre 2

titre 3

Templatedata

Liste horizontale d'onglets. Ne pas utiliser dans les articles.

Paramètres du modèle[Modifier les données du modèle]

Paramètre		Description	Type	État
Onglet 1 - Nom	Onglet-1	Nom de l'onglet.	Ligne de texte	suggéré
Onglet 1 - URL	URL-1	Lien de l'onglet.	Ligne de texte	facultatif
Onglet 1 - Type de l'URL	URLType-1	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 http externe externe2 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).	Ligne de texte	facultatif
Onglet 2 - Image	Image-2	Image à afficher sur l'onglet. Exemple Image.png	Fichier	facultatif
lien-1	lien-1	aucune description	Inconnu	facultatif
lientype-1	lientype-1	aucune description	Inconnu	facultatif
Onglet 3 - Nom	Onglet-3	Nom de l'onglet.	Ligne de texte	facultatif
Onglet 4 - Nom	Onglet-4	Nom de l'onglet.	Ligne de texte	facultatif
Onglet 5 - Nom	Onglet-5	Nom de l'onglet.	Ligne de texte	facultatif
Onglet 6 - Nom	Onglet-6	Nom de l'onglet.	Ligne de texte	facultatif
Onglet 7 - Nom	Onglet-7	Nom de l'onglet.	Ligne de texte	facultatif
Onglet 8 - Nom	Onglet-8	Nom de l'onglet.	Ligne de texte	facultatif
Onglet 9 - Nom	Onglet-9	Nom de l'onglet.	Ligne de texte	facultatif
Onglet 10 - Nom	Onglet-10	Nom de l'onglet.	Ligne de texte	facultatif
arrondi	arrondi	aucune description	Inconnu	facultatif
bordure	bordure	aucune description	Inconnu	facultatif
fond onglet-1	fond onglet-1	aucune description	Inconnu	facultatif
fond onglets	fond onglets	aucune description	Inconnu	facultatif
fond cadre	fond cadre	aucune description	Inconnu	facultatif
alignement onglet	alignement onglet	aucune description	Inconnu	facultatif
degrade	degrade	aucune description	Inconnu	facultatif
lien-2	lien-2	aucune description	Inconnu	facultatif
lientype-2	lientype-2	aucune description	Inconnu	facultatif
fond onglet-2	fond onglet-2	aucune description	Inconnu	facultatif
URL-3	URL-3	aucune description	Inconnu	facultatif
lien-3	lien-3	aucune description	Inconnu	facultatif
URLType-3	URLType-3	aucune description	Inconnu	facultatif
lientype-3	lientype-3	aucune description	Inconnu	facultatif
Image-3	Image-3	aucune description	Inconnu	facultatif
fond onglet-3	fond onglet-3	aucune description	Inconnu	facultatif
URL-4	URL-4	aucune description	Inconnu	facultatif
lien-4	lien-4	aucune description	Inconnu	facultatif
URLType-4	URLType-4	aucune description	Inconnu	facultatif
lientype-4	lientype-4	aucune description	Inconnu	facultatif
Image-4	Image-4	aucune description	Inconnu	facultatif
fond onglet-4	fond onglet-4	aucune description	Inconnu	facultatif
URL-5	URL-5	aucune description	Inconnu	facultatif
lien-5	lien-5	aucune description	Inconnu	facultatif
URLType-5	URLType-5	aucune description	Inconnu	facultatif
lientype-5	lientype-5	aucune description	Inconnu	facultatif
Image-5	Image-5	aucune description	Inconnu	facultatif
fond onglet-5	fond onglet-5	aucune description	Inconnu	facultatif
URL-6	URL-6	aucune description	Inconnu	facultatif
lien-6	lien-6	aucune description	Inconnu	facultatif
URLType-6	URLType-6	aucune description	Inconnu	facultatif
lientype-6	lientype-6	aucune description	Inconnu	facultatif
Image-6	Image-6	aucune description	Inconnu	facultatif
fond onglet-6	fond onglet-6	aucune description	Inconnu	facultatif
URL-7	URL-7	aucune description	Inconnu	facultatif
lien-7	lien-7	aucune description	Inconnu	facultatif
URLType-7	URLType-7	aucune description	Inconnu	facultatif
lientype-7	lientype-7	aucune description	Inconnu	facultatif
Image-7	Image-7	aucune description	Inconnu	facultatif
fond onglet-7	fond onglet-7	aucune description	Inconnu	facultatif
URL-8	URL-8	aucune description	Inconnu	facultatif
lien-8	lien-8	aucune description	Inconnu	facultatif
URLType-8	URLType-8	aucune description	Inconnu	facultatif
lientype-8	lientype-8	aucune description	Inconnu	facultatif
Image-8	Image-8	aucune description	Inconnu	facultatif
fond onglet-8	fond onglet-8	aucune description	Inconnu	facultatif
URL-9	URL-9	aucune description	Inconnu	facultatif
lien-9	lien-9	aucune description	Inconnu	facultatif
URLType-9	URLType-9	aucune description	Inconnu	facultatif
lientype-9	lientype-9	aucune description	Inconnu	facultatif
Image-9	Image-9	aucune description	Inconnu	facultatif
fond onglet-9	fond onglet-9	aucune description	Inconnu	facultatif
URL-10	URL-10	aucune description	Inconnu	facultatif
URLType-10	URLType-10	aucune description	Inconnu	facultatif
Image-10	Image-10	aucune description	Inconnu	facultatif
fond onglet-10	fond onglet-10	aucune description	Inconnu	facultatif

Voir aussi

À utiliser en complément de ce modèle

• {{Fin des onglets}}.

Aide

• Aide:Onglets.

Modèles similaires

• {{Début des onglets 3D}} – même modèle avec un rendu des boutons différent.
• {{Début des onglets avec sous-titres}} – ce qui apparaît dans l’onglet est le nom de l’onglet et celui de la page, et non le nom de la page seulement.
• {{Début des onglets2}} – un format différent, légèrement plus discret.
• {{Cadre à onglets}} – modèle similaire.
• {{Onglets libres}} – affiche seulement une barre.
• {{Boutons}} – affiche seulement une barre, très similaire au modèle précédent.

Pour les programmeurs de modèle

• {{Onglet}} – modèle technique sous-jacent.

La documentation de ce modèle est générée par le modèle {{Documentation}}.
Elle est incluse depuis sa sous-page de documentation. Veuillez placer les catégories sur cette page-là.
Les éditeurs peuvent travailler dans le bac à sable (créer) et la page de test (créer).
Voir les statistiques d'utilisation du modèle sur l'outil wstat.