Modèle:Début des onglets

 Documentation[modifier] [purger]

En bref

modifier
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

modifier
  • 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

modifier

Minimaliste

modifier
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 : Fin des onglets 


Avec fioritures

modifier
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 Début des onglets Fin des onglets Fin des onglets Onglet Onglet Exemple Exemple

Bla bla bla

Page suivante : Fin des onglets 


Voir aussi

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