Modèle:Début des onglets
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ètre | Description | Type | État | |
---|---|---|---|---|
Onglet 1 - Nom | Onglet-1 | Nom de l'onglet. | Ligne de texte | suggéré |
Onglet 1 - URL | URL-1 | Lien de l'onglet. | Ligne de texte | facultatif |
Onglet 1 - Type de l'URL | URLType-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).
| Ligne de texte | suggéré |
Onglet 1 - Image | Image-1 | Image à afficher sur l'onglet.
| Fichier | suggéré |
Onglet 2 - Nom | Onglet-2 | Nom de l'onglet. | Ligne de texte | facultatif |
Onglet 2 - URL | URL-2 | Lien de l'onglet. | Ligne de texte | facultatif |
Onglet 2 - Type de l'URL | URLType-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 texte | facultatif |
Onglet 2 - Image | Image-2 | Image à afficher sur l'onglet.
| Fichier | facultatif |
lien-1 | lien-1 | aucune description | Inconnu | facultatif |
lientype-1 | lientype-1 | aucune description | Inconnu | facultatif |
Onglet 3 - Nom | Onglet-3 | Nom de l'onglet. | Ligne de texte | facultatif |
Onglet 4 - Nom | Onglet-4 | Nom de l'onglet. | Ligne de texte | facultatif |
Onglet 5 - Nom | Onglet-5 | Nom de l'onglet. | Ligne de texte | facultatif |
Onglet 6 - Nom | Onglet-6 | Nom de l'onglet. | Ligne de texte | facultatif |
Onglet 7 - Nom | Onglet-7 | Nom de l'onglet. | Ligne de texte | facultatif |
Onglet 8 - Nom | Onglet-8 | Nom de l'onglet. | Ligne de texte | facultatif |
Onglet 9 - Nom | Onglet-9 | Nom de l'onglet. | Ligne de texte | facultatif |
Onglet 10 - Nom | Onglet-10 | Nom de l'onglet. | Ligne de texte | facultatif |
arrondi | arrondi | aucune description | Inconnu | facultatif |
bordure | bordure | aucune description | Inconnu | facultatif |
fond onglet-1 | fond onglet-1 | aucune description | Inconnu | facultatif |
fond onglets | fond onglets | aucune description | Inconnu | facultatif |
fond cadre | fond cadre | aucune description | Inconnu | facultatif |
alignement onglet | alignement onglet | aucune description | Inconnu | facultatif |
degrade | degrade | aucune description | Inconnu | facultatif |
lien-2 | lien-2 | aucune description | Inconnu | facultatif |
lientype-2 | lientype-2 | aucune description | Inconnu | facultatif |
fond onglet-2 | fond onglet-2 | aucune description | Inconnu | facultatif |
URL-3 | URL-3 | aucune description | Inconnu | facultatif |
lien-3 | lien-3 | aucune description | Inconnu | facultatif |
URLType-3 | URLType-3 | aucune description | Inconnu | facultatif |
lientype-3 | lientype-3 | aucune description | Inconnu | facultatif |
Image-3 | Image-3 | aucune description | Inconnu | facultatif |
fond onglet-3 | fond onglet-3 | aucune description | Inconnu | facultatif |
URL-4 | URL-4 | aucune description | Inconnu | facultatif |
lien-4 | lien-4 | aucune description | Inconnu | facultatif |
URLType-4 | URLType-4 | aucune description | Inconnu | facultatif |
lientype-4 | lientype-4 | aucune description | Inconnu | facultatif |
Image-4 | Image-4 | aucune description | Inconnu | facultatif |
fond onglet-4 | fond onglet-4 | aucune description | Inconnu | facultatif |
URL-5 | URL-5 | aucune description | Inconnu | facultatif |
lien-5 | lien-5 | aucune description | Inconnu | facultatif |
URLType-5 | URLType-5 | aucune description | Inconnu | facultatif |
lientype-5 | lientype-5 | aucune description | Inconnu | facultatif |
Image-5 | Image-5 | aucune description | Inconnu | facultatif |
fond onglet-5 | fond onglet-5 | aucune description | Inconnu | facultatif |
URL-6 | URL-6 | aucune description | Inconnu | facultatif |
lien-6 | lien-6 | aucune description | Inconnu | facultatif |
URLType-6 | URLType-6 | aucune description | Inconnu | facultatif |
lientype-6 | lientype-6 | aucune description | Inconnu | facultatif |
Image-6 | Image-6 | aucune description | Inconnu | facultatif |
fond onglet-6 | fond onglet-6 | aucune description | Inconnu | facultatif |
URL-7 | URL-7 | aucune description | Inconnu | facultatif |
lien-7 | lien-7 | aucune description | Inconnu | facultatif |
URLType-7 | URLType-7 | aucune description | Inconnu | facultatif |
lientype-7 | lientype-7 | aucune description | Inconnu | facultatif |
Image-7 | Image-7 | aucune description | Inconnu | facultatif |
fond onglet-7 | fond onglet-7 | aucune description | Inconnu | facultatif |
URL-8 | URL-8 | aucune description | Inconnu | facultatif |
lien-8 | lien-8 | aucune description | Inconnu | facultatif |
URLType-8 | URLType-8 | aucune description | Inconnu | facultatif |
lientype-8 | lientype-8 | aucune description | Inconnu | facultatif |
Image-8 | Image-8 | aucune description | Inconnu | facultatif |
fond onglet-8 | fond onglet-8 | aucune description | Inconnu | facultatif |
URL-9 | URL-9 | aucune description | Inconnu | facultatif |
lien-9 | lien-9 | aucune description | Inconnu | facultatif |
URLType-9 | URLType-9 | aucune description | Inconnu | facultatif |
lientype-9 | lientype-9 | aucune description | Inconnu | facultatif |
Image-9 | Image-9 | aucune description | Inconnu | facultatif |
fond onglet-9 | fond onglet-9 | aucune description | Inconnu | facultatif |
URL-10 | URL-10 | aucune description | Inconnu | facultatif |
URLType-10 | URLType-10 | aucune description | Inconnu | facultatif |
Image-10 | Image-10 | aucune description | Inconnu | facultatif |
fond onglet-10 | fond onglet-10 | aucune description | Inconnu | facultatif |
Voir aussi
- À utiliser en complément de ce modèle
- Aide
- Modèles similaires
-
- {{Début des onglets 3D}} – même modèle avec un rendu des boutons différent.
- {{Cadre à onglets}} – modèle similaire.
- {{Onglets libres}} – affiche seulement une barre.
- {{Boutons}} – affiche seulement une barre, très similaire au modèle précédent.
- Pour les programmeurs de modèle
-
- {{Onglet}} – modèle technique sous-jacent.
La documentation de ce modèle est générée par le modèle {{Documentation}}.
Elle est incluse depuis sa sous-page de documentation. Veuillez placer les catégories sur cette page-là.
Les éditeurs peuvent travailler dans le bac à sable (créer) et la page de test (créer).
Voir les statistiques d'utilisation du modèle sur l'outil wstat.