Modèle:Début des onglets

Révision datée du 16 août 2013 à 21:22 par Mathieugp (discussion | contributions) (Page créée avec « <includeonly><!-- --><table width="100%" cellspacing="0" cellpadding="0" valign="top" border="0" style="background-color: transparent;"><!-- --><tr><!-- -->{... »)
(diff) ← Version précédente | Voir la version actuelle (diff) | Version suivante → (diff)
Fichier:Template-info.svg

Ci-dessous la documentation de ce modèle. Voir la liste des modèles.

lorsque vos modifications n’apparaissent pas.


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.
Exemples
Voir ci-dessous
Utilisation grandeur nature : Projet:Traduction/*/Aide,
Syntaxe
Modèle:((Début des onglets|Onglet-1=Titre 1|URL-1=Page 1|Onglet-2=Titre 2|URL-2=page 2|…}}
Texte de la page.
Modèle:((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 de 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 pour mettre un lien externe en onglet
  • 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 »

<poem>{{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 }}</poem>

Résultat :

Début des onglets Fin des onglets Onglet Exemple

Bla bla bla


Page suivante : Fin des onglets

Avec fioritures

Code « Début des onglets » et « Fin des onglets »

<poem>{{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=5em |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=5em |alignement onglet=left }} </poem>

Résultat

Début des ongletsDébut des onglets Fin des ongletsFin des onglets OngletOnglet ExempleExemple

Bla bla bla


Page suivante : Fin des onglets