Cette page est semi-protégée.

Modèle:Début des onglets

Une page de Wikipédia, l'encyclopédie libre.
Sauter à la navigation Sauter à la recherche

 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

titre1 titre2 titre3

Voir aussi

À utiliser en complément de ce modèle
Aide
Modèles similaires
Pour les programmeurs de modèle