Voir la source de Modèle:Début des onglets

<includeonly><!--

  --><table width="100%" cellspacing="0" cellpadding="0" valign="top" border="0" style="background-color: transparent;"><!--

    --><tr><!--     

-->{{#if:{{{Onglet-1|}}}|{{Onglet|URL={{{URL-1}}}|URLType={{{URLType-1}}}|Onglet={{{Onglet-1}}}|Image={{{Image-1|}}}|{{{Onglet-1}}}|{{{Onglet-2}}}|{{{Onglet-3}}}|{{{Onglet-4}}}|{{{Onglet-5}}}|{{{Onglet-6}}}|{{{Onglet-7}}}|{{{Onglet-8}}}|{{{Onglet-9}}}|{{{Onglet-10}}}|arrondi={{{arrondi|}}}|bordure={{{bordure|}}}|fond onglets={{{fond onglet-1|{{{fond onglets|}}}}}}|fond cadre={{{fond cadre|}}}|alignement onglet={{{alignement onglet|}}}|preums=1}}}}<!--
-->{{#if:{{{Onglet-2|}}}|{{Onglet|URL={{{URL-2}}}|URLType={{{URLType-2}}}|Onglet={{{Onglet-2}}}|Image={{{Image-2|}}}|{{{Onglet-1}}}|{{{Onglet-2}}}|{{{Onglet-3}}}|{{{Onglet-4}}}|{{{Onglet-5}}}|{{{Onglet-6}}}|{{{Onglet-7}}}|{{{Onglet-8}}}|{{{Onglet-9}}}|{{{Onglet-10}}}|arrondi={{{arrondi|}}}|bordure={{{bordure|}}}|fond onglets={{{fond onglet-2|{{{fond onglets|}}}}}}|fond cadre={{{fond cadre|}}}|alignement onglet={{{alignement onglet|}}}}}}}<!--
-->{{#if:{{{Onglet-3|}}}|{{Onglet|URL={{{URL-3}}}|URLType={{{URLType-3}}}|Onglet={{{Onglet-3}}}|Image={{{Image-3|}}}|{{{Onglet-1}}}|{{{Onglet-2}}}|{{{Onglet-3}}}|{{{Onglet-4}}}|{{{Onglet-5}}}|{{{Onglet-6}}}|{{{Onglet-7}}}|{{{Onglet-8}}}|{{{Onglet-9}}}|{{{Onglet-10}}}|arrondi={{{arrondi|}}}|bordure={{{bordure|}}}|fond onglets={{{fond onglet-3|{{{fond onglets|}}}}}}|fond cadre={{{fond cadre|}}}|alignement onglet={{{alignement onglet|}}}}}}}<!--
-->{{#if:{{{Onglet-4|}}}|{{Onglet|URL={{{URL-4}}}|URLType={{{URLType-4}}}|Onglet={{{Onglet-4}}}|Image={{{Image-4|}}}|{{{Onglet-1}}}|{{{Onglet-2}}}|{{{Onglet-3}}}|{{{Onglet-4}}}|{{{Onglet-5}}}|{{{Onglet-6}}}|{{{Onglet-7}}}|{{{Onglet-8}}}|{{{Onglet-9}}}|{{{Onglet-10}}}|arrondi={{{arrondi|}}}|bordure={{{bordure|}}}|fond onglets={{{fond onglet-4|{{{fond onglets|}}}}}}|fond cadre={{{fond cadre|}}}|alignement onglet={{{alignement onglet|}}}}}}}<!--
-->{{#if:{{{Onglet-5|}}}|{{Onglet|URL={{{URL-5}}}|URLType={{{URLType-5}}}|Onglet={{{Onglet-5}}}|Image={{{Image-5|}}}|{{{Onglet-1}}}|{{{Onglet-2}}}|{{{Onglet-3}}}|{{{Onglet-4}}}|{{{Onglet-5}}}|{{{Onglet-6}}}|{{{Onglet-7}}}|{{{Onglet-8}}}|{{{Onglet-9}}}|{{{Onglet-10}}}|arrondi={{{arrondi|}}}|bordure={{{bordure|}}}|fond onglets={{{fond onglet-5|{{{fond onglets|}}}}}}|fond cadre={{{fond cadre|}}}|alignement onglet={{{alignement onglet|}}}}}}}<!--
-->{{#if:{{{Onglet-6|}}}|{{Onglet|URL={{{URL-6}}}|URLType={{{URLType-6}}}|Onglet={{{Onglet-6}}}|Image={{{Image-6|}}}|{{{Onglet-1}}}|{{{Onglet-2}}}|{{{Onglet-3}}}|{{{Onglet-4}}}|{{{Onglet-5}}}|{{{Onglet-6}}}|{{{Onglet-7}}}|{{{Onglet-8}}}|{{{Onglet-9}}}|{{{Onglet-10}}}|arrondi={{{arrondi|}}}|bordure={{{bordure|}}}|fond onglets={{{fond onglet-6|{{{fond onglets|}}}}}}|fond cadre={{{fond cadre|}}}|alignement onglet={{{alignement onglet|}}}}}}}<!--
-->{{#if:{{{Onglet-7|}}}|{{Onglet|URL={{{URL-7}}}|URLType={{{URLType-7}}}|Onglet={{{Onglet-7}}}|Image={{{Image-7|}}}|{{{Onglet-1}}}|{{{Onglet-2}}}|{{{Onglet-3}}}|{{{Onglet-4}}}|{{{Onglet-5}}}|{{{Onglet-6}}}|{{{Onglet-7}}}|{{{Onglet-8}}}|{{{Onglet-9}}}|{{{Onglet-10}}}|arrondi={{{arrondi|}}}|bordure={{{bordure|}}}|fond onglets={{{fond onglet-7|{{{fond onglets|}}}}}}|fond cadre={{{fond cadre|}}}|alignement onglet={{{alignement onglet|}}}}}}}<!--
-->{{#if:{{{Onglet-8|}}}|{{Onglet|URL={{{URL-8}}}|URLType={{{URLType-8}}}|Onglet={{{Onglet-8}}}|Image={{{Image-8|}}}|{{{Onglet-1}}}|{{{Onglet-2}}}|{{{Onglet-3}}}|{{{Onglet-4}}}|{{{Onglet-5}}}|{{{Onglet-6}}}|{{{Onglet-7}}}|{{{Onglet-8}}}|{{{Onglet-9}}}|{{{Onglet-10}}}|arrondi={{{arrondi|}}}|bordure={{{bordure|}}}|fond onglets={{{fond onglet-8|{{{fond onglets|}}}}}}|fond cadre={{{fond cadre|}}}|alignement onglet={{{alignement onglet|}}}}}}}<!--
-->{{#if:{{{Onglet-9|}}}|{{Onglet|URL={{{URL-9}}}|URLType={{{URLType-9}}}|Onglet={{{Onglet-9}}}|Image={{{Image-9|}}}|{{{Onglet-1}}}|{{{Onglet-2}}}|{{{Onglet-3}}}|{{{Onglet-4}}}|{{{Onglet-5}}}|{{{Onglet-6}}}|{{{Onglet-7}}}|{{{Onglet-8}}}|{{{Onglet-9}}}|{{{Onglet-10}}}|arrondi={{{arrondi|}}}|bordure={{{bordure|}}}|fond onglets={{{fond onglet-9|{{{fond onglets|}}}}}}|fond cadre={{{fond cadre|}}}|alignement onglet={{{alignement onglet|}}}}}}}<!--
-->{{#if:{{{Onglet-10|}}}|{{Onglet|URL={{{URL-10}}}|URLType={{{URLType-10}}}|Onglet={{{Onglet-10}}}|Image={{{Image-10|}}}|{{{Onglet-1}}}|{{{Onglet-2}}}|{{{Onglet-3}}}|{{{Onglet-4}}}|{{{Onglet-5}}}|{{{Onglet-6}}}|{{{Onglet-7}}}|{{{Onglet-8}}}|{{{Onglet-9}}}|{{{Onglet-10}}}|arrondi={{{arrondi|}}}|bordure={{{bordure|}}}|fond onglets={{{fond onglet-10|{{{fond onglets|}}}}}}|fond cadre={{{fond cadre|}}}|alignement onglet={{{alignement onglet|}}}}}}}<!--

    --></tr><!--

 --></table><!--
 --><div style="border:{{{bordure|solid 2px #A3B1BF}}}; padding: .5em 1em 1em 1em; border-top: none; background-color:{{{fond cadre|transparent}}}; color:#000;zoom: 1"><!--
   --><div style="padding:1ex; "><!--

--></includeonly><!--

--><noinclude>
{{Documentation modèle}}


==En bref==
; But : Créer une interface à onglets, notamment pour les portails et projets, pages d'aide et les pages utilisateur.<br />'''''Ne pas utiliser dans l'espace encyclopédique.'''''
; Exemples : Voir ci-dessous<br />Utilisation grandeur nature : [[Projet:Traduction/*/Aide]],
; Syntaxe : {{((}}{{PAGENAME}}|Onglet-1=Titre 1|URL-1=Page 1|Onglet-2=Titre 2|URL-2=page 2|…}}<br />''Texte de la page.''<br />{{((}}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 <nowiki>{{{Onglet-Fin}}} et {{{URL-Fin}}}</nowiki>.
* 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 :
** <code>bordure=</code> : style de la bordure.
** <code>fond onglets=</code> : couleur de fond des onglets non sélectionnés.
** <code>fond cadre=</code> : couleur de fond de l'onglet sélectionné et du cadre.
** <code>arrondi=</code> : rayon de l'arrondi des coins supérieurs des onglets.
** <code>alignement onglet=</code> : alignement du titre de l'onglet (left/center/right).
** <code>Image-(N°)=</code> : 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><code><nowiki>{{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
}}</nowiki></code></poem>

Résultat :

{{ {{FULLPAGENAME}}
|Onglet-1=Début des onglets
|URL-1={{FULLPAGENAME}}
|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={{FULLPAGENAME}}
|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 » ====
<poem><code><nowiki>{{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
}}
</nowiki></code></poem>

====Résultat====

{{ {{FULLPAGENAME}}
|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={{FULLPAGENAME}}
|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
}}

[[Catégorie:Modèles]]
</noinclude>