سانچہ:دھاگہ

En bref

But

Créer une interface à onglets, notamment pour les 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, Utilisateur:Antaya

Syntaxe

{{دھاگہ|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 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}}}.
• Il est possible de définir des 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).

Exemples

Minimaliste

Code

{{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 :

<td style="text-align: center; padding:0.3em; border: solid 2px #A3B1BF; font-size: 110%; background-color: transparent; border-bottom: none; font-weight:bold;" width="%">Début des onglets<td style="text-align: center; padding:0.3em; border: solid 2px #A3B1BF; font-size: 110%; background-color:

1. CEE0F2;" width="%">Fin des onglets

<td style="text-align: center; padding:0.3em; border: solid 2px #A3B1BF; font-size: 110%; background-color:

1. CEE0F2;" width="%">Onglet

<td style="text-align: center; padding:0.3em; border: solid 2px #A3B1BF; font-size: 110%; background-color:

1. CEE0F2;" width="%">Exemple

Bla bla bla

Avec fioritures

Code

{{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
|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
|alignement onglet=left
}}

Résultat

<td style="text-align: left; -moz-border-radius: 5em 5em 0 0; border-radius: 5em 5em 0 0; padding:0.3em; border: 2px solid #888888; font-size: 110%; background-color:

1. EEEFFF; border-bottom: none; font-weight:bold;" width="%">Début des onglets

<td style="text-align: left; -moz-border-radius: 5em 5em 0 0; border-radius: 5em 5em 0 0; padding:0.3em; border: 2px solid #888888; font-size: 110%; background-color:

1. aaaaaa;" width="%">Fin des onglets

<td style="text-align: left; -moz-border-radius: 5em 5em 0 0; border-radius: 5em 5em 0 0; padding:0.3em; border: 2px solid #888888; font-size: 110%; background-color:

1. aaaaaa;" width="%">Onglet

<td style="text-align: left; -moz-border-radius: 5em 5em 0 0; border-radius: 5em 5em 0 0; padding:0.3em; border: 2px solid #888888; font-size: 110%; background-color:

1. aaaaaa;" width="%">Exemple

Bla bla bla

Voir aussi

• (pour les programmeurs de modèle)
• un format différent, légèrement plus discret :