Modèle:Début des onglets/Documentation

Ceci est la page de documentation du modèle {{Début des onglets}}. Cette sous-page contient les instructions, les catégories et les liens interlangues de son modèle d’origine et elle n’est pas destinée à être visualisée directement.

En bref

But

Créer une interface à onglets, notamment pour les portails et projets, pages d’aide et les pages utilisateur.
Ne pas utiliser sur les articles.

Exemples

Voir ci-après
Utilisation grandeur nature : Projet traduction sur Wikipédia

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 ().
• en précisant URLType-N=externe2 vous pouvez mettre un lien externe, qui n'affichera pas la petite flèche ().
• 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
}}

Résultat

Début des onglets

Fin des onglets

Onglet

Exemple

Bla bla bla

Page suivante :  →

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.svg
 | Onglet-2 = Fin des onglets
 | URL-2 = Modèle:Fin des onglets
 | Image-2 = Madrid-MetroLinea2.svg
 | Onglet-3 = Onglet
 | URL-3 = Modèle:Onglet
 | Image-3 = Madrid-MetroLinea3.svg
 | Onglet-4 = Exemple
 | URL-4 = Projet:Traduction/*/Aide/Demander une traduction
 | Image-4 = Madrid-MetroLinea4.svg
 | 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
}}


Résultat

Début des onglets

Fin des onglets

Onglet

Exemple

Bla bla bla

Page suivante :  →

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.