Aller au contenu

Modèle:Début des onglets

Cette page est semi-protégée.
Une page de Wikipédia, l'encyclopédie libre.

 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

{{Début des onglets
 | Onglet-1     = titre 1
 | URL-1        = Projet:WikiMOOC
 | Onglet-2     = titre 2
 | URL-2        = Discussion Projet:WikiMOOC/2016
 | Onglet-3     = titre 3
 | URL-3        = Projet:WikiMOOC/2016/Plan détaillé
 | bordure      =
 | fond onglets = #FFFFFF;
 | fond cadre   =
 | arrondi      = .5em
}}
{{Fin des onglets}}
titre 1 titre 2 titre 3

Templatedata

Liste horizontale d'onglets. Ne pas utiliser dans les articles.

Paramètres du modèle[Modifier les données du modèle]

ParamètreDescriptionTypeÉtat
Onglet 1 - NomOnglet-1

Nom de l'onglet.

Ligne de textesuggéré
Onglet 1 - URLURL-1

Lien de l'onglet.

Ligne de textefacultatif
Onglet 1 - Type de l'URLURLType-1

Type de l'URL de l'onglet (« http » pour un lien interne, « externe » pour un lien externe avec flèche et « externe2 » pour un lien externe sans flèche).

Valeurs suggérées
http externe externe2
Par défaut
Interne
Ligne de textesuggéré
Onglet 1 - ImageImage-1

Image à afficher sur l'onglet.

Exemple
image.png
Fichiersuggéré
Onglet 2 - NomOnglet-2

Nom de l'onglet.

Ligne de textefacultatif
Onglet 2 - URLURL-2

Lien de l'onglet.

Ligne de textefacultatif
Onglet 2 - Type de l'URLURLType-2

Type de l'URL de l'onglet (« http » pour un lien interne, « externe » pour un lien externe avec flèche et « externe2 » pour un lien externe sans flèche).

Ligne de textefacultatif
Onglet 2 - ImageImage-2

Image à afficher sur l'onglet.

Exemple
Image.png
Fichierfacultatif
lien-1lien-1

aucune description

Inconnufacultatif
lientype-1lientype-1

aucune description

Inconnufacultatif
Onglet 3 - NomOnglet-3

Nom de l'onglet.

Ligne de textefacultatif
Onglet 4 - NomOnglet-4

Nom de l'onglet.

Ligne de textefacultatif
Onglet 5 - NomOnglet-5

Nom de l'onglet.

Ligne de textefacultatif
Onglet 6 - NomOnglet-6

Nom de l'onglet.

Ligne de textefacultatif
Onglet 7 - NomOnglet-7

Nom de l'onglet.

Ligne de textefacultatif
Onglet 8 - NomOnglet-8

Nom de l'onglet.

Ligne de textefacultatif
Onglet 9 - NomOnglet-9

Nom de l'onglet.

Ligne de textefacultatif
Onglet 10 - NomOnglet-10

Nom de l'onglet.

Ligne de textefacultatif
arrondiarrondi

aucune description

Inconnufacultatif
bordurebordure

aucune description

Inconnufacultatif
fond onglet-1fond onglet-1

aucune description

Inconnufacultatif
fond ongletsfond onglets

aucune description

Inconnufacultatif
fond cadrefond cadre

aucune description

Inconnufacultatif
alignement ongletalignement onglet

aucune description

Inconnufacultatif
degradedegrade

aucune description

Inconnufacultatif
lien-2lien-2

aucune description

Inconnufacultatif
lientype-2lientype-2

aucune description

Inconnufacultatif
fond onglet-2fond onglet-2

aucune description

Inconnufacultatif
URL-3URL-3

aucune description

Inconnufacultatif
lien-3lien-3

aucune description

Inconnufacultatif
URLType-3URLType-3

aucune description

Inconnufacultatif
lientype-3lientype-3

aucune description

Inconnufacultatif
Image-3Image-3

aucune description

Inconnufacultatif
fond onglet-3fond onglet-3

aucune description

Inconnufacultatif
URL-4URL-4

aucune description

Inconnufacultatif
lien-4lien-4

aucune description

Inconnufacultatif
URLType-4URLType-4

aucune description

Inconnufacultatif
lientype-4lientype-4

aucune description

Inconnufacultatif
Image-4Image-4

aucune description

Inconnufacultatif
fond onglet-4fond onglet-4

aucune description

Inconnufacultatif
URL-5URL-5

aucune description

Inconnufacultatif
lien-5lien-5

aucune description

Inconnufacultatif
URLType-5URLType-5

aucune description

Inconnufacultatif
lientype-5lientype-5

aucune description

Inconnufacultatif
Image-5Image-5

aucune description

Inconnufacultatif
fond onglet-5fond onglet-5

aucune description

Inconnufacultatif
URL-6URL-6

aucune description

Inconnufacultatif
lien-6lien-6

aucune description

Inconnufacultatif
URLType-6URLType-6

aucune description

Inconnufacultatif
lientype-6lientype-6

aucune description

Inconnufacultatif
Image-6Image-6

aucune description

Inconnufacultatif
fond onglet-6fond onglet-6

aucune description

Inconnufacultatif
URL-7URL-7

aucune description

Inconnufacultatif
lien-7lien-7

aucune description

Inconnufacultatif
URLType-7URLType-7

aucune description

Inconnufacultatif
lientype-7lientype-7

aucune description

Inconnufacultatif
Image-7Image-7

aucune description

Inconnufacultatif
fond onglet-7fond onglet-7

aucune description

Inconnufacultatif
URL-8URL-8

aucune description

Inconnufacultatif
lien-8lien-8

aucune description

Inconnufacultatif
URLType-8URLType-8

aucune description

Inconnufacultatif
lientype-8lientype-8

aucune description

Inconnufacultatif
Image-8Image-8

aucune description

Inconnufacultatif
fond onglet-8fond onglet-8

aucune description

Inconnufacultatif
URL-9URL-9

aucune description

Inconnufacultatif
lien-9lien-9

aucune description

Inconnufacultatif
URLType-9URLType-9

aucune description

Inconnufacultatif
lientype-9lientype-9

aucune description

Inconnufacultatif
Image-9Image-9

aucune description

Inconnufacultatif
fond onglet-9fond onglet-9

aucune description

Inconnufacultatif
URL-10URL-10

aucune description

Inconnufacultatif
URLType-10URLType-10

aucune description

Inconnufacultatif
Image-10Image-10

aucune description

Inconnufacultatif
fond onglet-10fond onglet-10

aucune description

Inconnufacultatif


Voir aussi

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