Modèle:Début des onglets/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 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
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 | Fin des onglets | Onglet | Exemple |
Bla bla bla
Voir aussi
[modifier]- À 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.
- {{Début des onglets avec sous-titres}} – ce qui apparaît dans l’onglet est le nom de l’onglet et celui de la page, et non le nom de la page seulement.
- {{Début des onglets2}} – un format différent, légèrement plus discret.
- {{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.