Modèle:Onglets libres/Documentation

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 dans l'espace encyclopédique.
Exemples
Voir ci-dessous
Syntaxe
{{Onglets libres|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 de 8.
  • 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 externe en onglet
  • Il est possible de définir les paramètres optionnels suivants :
    • taillebordure= : taille de la bordure, en pixels sans le px
    • bordure= : couleur de la bordure, hexadécimal sans le #
    • arrondi= : rayon de l'arrondi des coins de la barre d'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
{{Onglets libres
 | Onglet-1 = [[Modèle:Onglets libres/Documentation|Onglets libres]]
 | Onglet-2 = [[Modèle:Début des onglets|Début des onglets]]
 | Onglet-3 = [[Modèle:Fin des onglets|Fin des onglets]]
 | Onglet-4 = [[Projet:Traduction/*/Aide/Demander une traduction|Exemple]]
}}
Résultat


Avec fioritures modifier

Code
{{Onglets libres
 | Onglet-1 = [[Modèle:Onglets libres/Documentation|Onglets libres]]
 | URL-1    = Modèle:Onglets libres/Documentation
 | Image-1  = Madrid-MetroLinea1.svg
 | Onglet-2 = [[Modèle:Début des onglets|Début des onglets]]
 | URL-2    = Modèle:Début des onglets
 | Image-2  = Madrid-MetroLinea2.svg
 | Onglet-3 = [[Modèle:Fin des onglets|Fin des onglets]]
 | URL-3    = Modèle:Fin des onglets
 | Image-3  = Madrid-MetroLinea3.svg
 | Onglet-4 = [[Projet:Traduction/*/Aide/Demander une traduction|Exemple]]
 | URL-4    = Projet:Traduction/*/Aide/Demander une traduction
 | Image-4  = Madrid-MetroLinea4.svg
 | bordure  = 888888
 | arrondi  = 5em
 | alignement onglet = left
}}
Résultat


Voir aussi modifier