Modèle:Début des onglets : Différence entre versions

De Ekopedia
Aller à : navigation, rechercher
(Catégorisation)
Ligne 1 : Ligne 1 :
<includeonly><table width="100%" cellspacing="0" cellpadding="0" valign="top" border="0" style="background-color:transparent;">
+
<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|}}}|nombre onglets={{Nombre de paramètres définis|{{{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:{{{degrade|}}}|degrade=oui|}}}}}}<!--
<tr>
+
-->{{#if:{{{Onglet-2|}}}|{{Onglet|URL={{{URL-2}}}|URLType={{{URLType-2}}}|Onglet={{{Onglet-2}}}|Image={{{Image-2|}}}|nombre onglets={{Nombre de paramètres définis|{{{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-1|}}}|<td style="padding:0.3em; border:{{{bordure|solid 2px #A3B1BF}}}; text-align:center ; {{#ifeq:{{FULLPAGENAME}}|{{{URL-1}}}| background-color:{{{fond cadre|white}}}; border-bottom: 0; font-weight:bold;| background-color:{{{fond onglets|#CEE0F2}}}; font-size:90%}}" width="{{#expr:(100/{{Nombre de paramètres définis|{{{Onglet-1}}}|{{{Onglet-2}}}|{{{Onglet-3}}}|{{{Onglet-4}}}|{{{Onglet-5}}}|{{{Onglet-6}}}|{{{Onglet-7}}}|{{{Onglet-8}}}|{{{Onglet-9}}}|{{{Onglet-10}}}}})-2}}%">[[{{{URL-1}}}|{{{Onglet-1}}}]]</td>|<font color="red">'''"Onglet-1 non défini"&nbsp;'''</font>}}{{#if:{{{Onglet-2|}}}|<td style="border-bottom:{{{bordure|solid 2px #A3B1BF}}}" width="2%">&nbsp;</td>
+
-->{{#if:{{{Onglet-3|}}}|{{Onglet|URL={{{URL-3}}}|URLType={{{URLType-3}}}|Onglet={{{Onglet-3}}}|Image={{{Image-3|}}}|nombre onglets={{Nombre de paramètres définis|{{{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:{{{degrade|}}}|degrade=oui|}}}}}}<!--
<td style="padding:0.3em; border:{{{bordure|solid 2px #A3B1BF}}}; text-align:center ; {{#ifeq:{{FULLPAGENAME}}|{{{URL-2}}}| background-color:{{{fond cadre|white}}}; border-bottom: 0; font-weight:bold;| background-color:{{{fond onglets|#CEE0F2}}}; font-size:90%}}" width="{{#expr:(100/{{Nombre de paramètres définis|{{{Onglet-1}}}|{{{Onglet-2}}}|{{{Onglet-3}}}|{{{Onglet-4}}}|{{{Onglet-5}}}|{{{Onglet-6}}}|{{{Onglet-7}}}|{{{Onglet-8}}}|{{{Onglet-9}}}|{{{Onglet-10}}}}})-2}}%">[[{{{URL-2}}}|{{{Onglet-2}}}]]</td>|}}{{#if:{{{Onglet-3|}}}|<td style="border-bottom:{{{bordure|solid 2px #A3B1BF}}}" width="2%">&nbsp;</td>
+
-->{{#if:{{{Onglet-4|}}}|{{Onglet|URL={{{URL-4}}}|URLType={{{URLType-4}}}|Onglet={{{Onglet-4}}}|Image={{{Image-4|}}}|nombre onglets={{Nombre de paramètres définis|{{{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:{{{degrade|}}}|degrade=oui|}}}}}}<!--
<td style="padding:0 .3em; border:{{{bordure|solid 2px #A3B1BF}}}; text-align:center ; {{#ifeq:{{FULLPAGENAME}}|{{{URL-3}}}| background-color:{{{fond cadre|white}}}; border-bottom: 0; font-weight:bold;| background-color:{{{fond onglets|#CEE0F2}}}; font-size:90%}}" width="{{#expr:(100/{{Nombre de paramètres définis|{{{Onglet-1}}}|{{{Onglet-2}}}|{{{Onglet-3}}}|{{{Onglet-4}}}|{{{Onglet-5}}}|{{{Onglet-6}}}|{{{Onglet-7}}}|{{{Onglet-8}}}|{{{Onglet-9}}}|{{{Onglet-10}}}}})-2}}%">[[{{{URL-3}}}|{{{Onglet-3}}}]]</td>|}}{{#if:{{{Onglet-4|}}}|<td style="border-bottom:{{{bordure|solid 2px #A3B1BF}}}" width="2%">&nbsp;</td>
+
-->{{#if:{{{Onglet-5|}}}|{{Onglet|URL={{{URL-5}}}|URLType={{{URLType-5}}}|Onglet={{{Onglet-5}}}|Image={{{Image-5|}}}|nombre onglets={{Nombre de paramètres définis|{{{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:{{{degrade|}}}|degrade=oui|}}}}}}<!--
<td style="padding:0 .3em; border:{{{bordure|solid 2px #A3B1BF}}}; text-align:center ; {{#ifeq:{{FULLPAGENAME}}|{{{URL-4}}}| background-color:{{{fond cadre|white}}}; border-bottom: 0; font-weight:bold;| background-color:{{{fond onglets|#CEE0F2}}}; font-size:90%}}" width="{{#expr:(100/{{Nombre de paramètres définis|{{{Onglet-1}}}|{{{Onglet-2}}}|{{{Onglet-3}}}|{{{Onglet-4}}}|{{{Onglet-5}}}|{{{Onglet-6}}}|{{{Onglet-7}}}|{{{Onglet-8}}}|{{{Onglet-9}}}|{{{Onglet-10}}}}})-2}}%">[[{{{URL-4}}}|{{{Onglet-4}}}]]</td>|}}{{#if:{{{Onglet-5|}}}|<td style="border-bottom:{{{bordure|solid 2px #A3B1BF}}}" width="2%">&nbsp;</td>
+
-->{{#if:{{{Onglet-6|}}}|{{Onglet|URL={{{URL-6}}}|URLType={{{URLType-6}}}|Onglet={{{Onglet-6}}}|Image={{{Image-6|}}}|nombre onglets={{Nombre de paramètres définis|{{{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:{{{degrade|}}}|degrade=oui|}}}}}}<!--
<td style="padding:0 .3em; border:{{{bordure|solid 2px #A3B1BF}}}; text-align:center ; {{#ifeq:{{FULLPAGENAME}}|{{{URL-5}}}| background-color:{{{fond cadre|white}}}; border-bottom: 0; font-weight:bold;| background-color:{{{fond onglets|#CEE0F2}}}; font-size:90%}}" width="{{#expr:(100/{{Nombre de paramètres définis|{{{Onglet-1}}}|{{{Onglet-2}}}|{{{Onglet-3}}}|{{{Onglet-4}}}|{{{Onglet-5}}}|{{{Onglet-6}}}|{{{Onglet-7}}}|{{{Onglet-8}}}|{{{Onglet-9}}}|{{{Onglet-10}}}}})-2}}%">[[{{{URL-5}}}|{{{Onglet-5}}}]]</td>|}}{{#if:{{{Onglet-6|}}}|<td style="border-bottom:{{{bordure|solid 2px #A3B1BF}}}" width="2%">&nbsp;</td>
+
-->{{#if:{{{Onglet-7|}}}|{{Onglet|URL={{{URL-7}}}|URLType={{{URLType-7}}}|Onglet={{{Onglet-7}}}|Image={{{Image-7|}}}|nombre onglets={{Nombre de paramètres définis|{{{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:{{{degrade|}}}|degrade=oui|}}}}}}<!--
<td style="padding:0 .3em; border:{{{bordure|solid 2px #A3B1BF}}}; text-align:center ; {{#ifeq:{{FULLPAGENAME}}|{{{URL-6}}}| background-color:{{{fond cadre|white}}}; border-bottom: 0; font-weight:bold;| background-color:{{{fond onglets|#CEE0F2}}}; font-size:90%}}" width="{{#expr:(100/{{Nombre de paramètres définis|{{{Onglet-1}}}|{{{Onglet-2}}}|{{{Onglet-3}}}|{{{Onglet-4}}}|{{{Onglet-5}}}|{{{Onglet-6}}}|{{{Onglet-7}}}|{{{Onglet-8}}}|{{{Onglet-9}}}|{{{Onglet-10}}}}})-2}}%">[[{{{URL-6}}}|{{{Onglet-6}}}]]</td>|}}{{#if:{{{Onglet-7|}}}|<td style="border-bottom:{{{bordure|solid 2px #A3B1BF}}}" width="2%">&nbsp;</td>
+
-->{{#if:{{{Onglet-8|}}}|{{Onglet|URL={{{URL-8}}}|URLType={{{URLType-8}}}|Onglet={{{Onglet-8}}}|Image={{{Image-8|}}}|nombre onglets={{Nombre de paramètres définis|{{{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:{{{degrade|}}}|degrade=oui|}}}}}}<!--
<td style="padding:0 .3em; border:{{{bordure|solid 2px #A3B1BF}}}; text-align:center ; {{#ifeq:{{FULLPAGENAME}}|{{{URL-7}}}| background-color:{{{fond cadre|white}}}; border-bottom: 0; font-weight:bold;| background-color:{{{fond onglets|#CEE0F2}}}; font-size:90%}}" width="{{#expr:(100/{{Nombre de paramètres définis|{{{Onglet-1}}}|{{{Onglet-2}}}|{{{Onglet-3}}}|{{{Onglet-4}}}|{{{Onglet-5}}}|{{{Onglet-6}}}|{{{Onglet-7}}}|{{{Onglet-8}}}|{{{Onglet-9}}}|{{{Onglet-10}}}}})-2}}%">[[{{{URL-7}}}|{{{Onglet-7}}}]]</td>|}}{{#if:{{{Onglet-8|}}}|<td style="border-bottom:{{{bordure|solid 2px #A3B1BF}}}" width="2%">&nbsp;</td>
+
-->{{#if:{{{Onglet-9|}}}|{{Onglet|URL={{{URL-9}}}|URLType={{{URLType-9}}}|Onglet={{{Onglet-9}}}|Image={{{Image-9|}}}|nombre onglets={{Nombre de paramètres définis|{{{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:{{{degrade|}}}|degrade=oui|}}}}}}<!--
<td style="padding:0 .3em; border:{{{bordure|solid 2px #A3B1BF}}}; text-align:center ; {{#ifeq:{{FULLPAGENAME}}|{{{URL-8}}}| background-color:{{{fond cadre|white}}}; border-bottom: 0; font-weight:bold;| background-color:{{{fond onglets|#CEE0F2}}}; font-size:90%}}" width="{{#expr:(100/{{Nombre de paramètres définis|{{{Onglet-1}}}|{{{Onglet-2}}}|{{{Onglet-3}}}|{{{Onglet-4}}}|{{{Onglet-5}}}|{{{Onglet-6}}}|{{{Onglet-7}}}|{{{Onglet-8}}}|{{{Onglet-9}}}|{{{Onglet-10}}}}})-2}}%">[[{{{URL-8}}}|{{{Onglet-8}}}]]</td>|}}{{#if:{{{Onglet-9|}}}|<td style="border-bottom:{{{bordure|solid 2px #A3B1BF}}}" width="2%">&nbsp;</td>
+
-->{{#if:{{{Onglet-10|}}}|{{Onglet|URL={{{URL-10}}}|URLType={{{URLType-10}}}|Onglet={{{Onglet-10}}}|Image={{{Image-10|}}}|nombre onglets={{Nombre de paramètres définis|{{{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|}}}|{{#if:{{{degrade|}}}|degrade=oui|}}}}}}</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>
<td style="padding:0 .3em; border:{{{bordure|solid 2px #A3B1BF}}}; text-align:center ; {{#ifeq:{{FULLPAGENAME}}|{{{URL-9}}}| background-color:{{{fond cadre|white}}}; border-bottom: 0; font-weight:bold;| background-color:{{{fond onglets|#CEE0F2}}}; font-size:90%}}" width="{{#expr:(100/{{Nombre de paramètres définis|{{{Onglet-1}}}|{{{Onglet-2}}}|{{{Onglet-3}}}|{{{Onglet-4}}}|{{{Onglet-5}}}|{{{Onglet-6}}}|{{{Onglet-7}}}|{{{Onglet-8}}}|{{{Onglet-9}}}|{{{Onglet-10}}}}})-2}}%">[[{{{URL-9}}}|{{{Onglet-9}}}]]</td>|}}{{#if:{{{Onglet-10|}}}|<td style="border-bottom:{{{bordure|solid 2px #A3B1BF}}}" width="2%">&nbsp;</td>
 
<td style="padding:0 .3em; border:{{{bordure|solid 2px #A3B1BF}}}; text-align:center ; {{#ifeq:{{FULLPAGENAME}}|{{{URL-10}}}| background-color:{{{fond cadre|white}}}; border-bottom: 0; font-weight:bold;| background-color:{{{fond onglets|#CEE0F2}}}; font-size:90%}}" width="{{#expr:(100/{{Nombre de paramètres définis|{{{Onglet-1}}}|{{{Onglet-2}}}|{{{Onglet-3}}}|{{{Onglet-4}}}|{{{Onglet-5}}}|{{{Onglet-6}}}|{{{Onglet-7}}}|{{{Onglet-8}}}|{{{Onglet-9}}}|{{{Onglet-10}}}}})-2}}%">[[{{{URL-10}}}|{{{Onglet-10}}}]]</td>|}}
 
</tr>
 
</table><div style="border:{{{bordure|solid 2px #A3B1BF}}}; padding:.5em 1em 1em 1em;border-top:none;background-color:{{{fond cadre|white}}};color:#000">
 
<div style="padding:1ex; "></includeonly><noinclude>
 
  
 
'''But''' : créer une interface à onglets, notamment pour les pages d'aides et les pages utilisateurs.
 
'''But''' : créer une interface à onglets, notamment pour les pages d'aides et les pages utilisateurs.

Version du 10 avril 2012 à 16:59


But : créer une interface à onglets, notamment pour les pages d'aides et les pages utilisateurs.

Syntaxe : chacune des pages doit contenir le code wiki :

{{Début des onglets
|Onglet-1=Comment modifier une page
|URL-1=Aide:Comment modifier une page
|Onglet-2=Comment créer une page
|URL-2=Aide:Comment créer une page
|Onglet-3=Syntaxe Ekopédia
|URL-3=Aide:Syntaxe
|Onglet-4=Insérer une image
|URL-4=Aide:Insérer une image
}}

Bla bla bla

{{Fin des onglets
|Onglet-1=Comment modifier une page
|URL-1=Aide:Comment modifier une page
|Onglet-2=Comment créer une page
|URL-2=Aide:Comment créer une page
|Onglet-3=Syntaxe Ekopédia
|URL-3=Aide:Syntaxe
|Onglet-4=Insérer une image
|URL-4=Aide:Insérer une image
|Onglet-Fin=Revenir à comment modifier une page
|URL-Fin=Aide:Comment modifier une page
}}


Résultat :


Comment modifier une page Comment créer une page Syntaxe Ekopédia Insérer une image

Bla bla bla

Page suivante :  →


  • 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 bordure=, fond onglets= et fond cadre= pour choisir le style de la bordure et les couleurs des onglets et du cadre.
    bordure= et fond onglets= fonctionnent également pour le modèle {{Fin des onglets}}.


Exemple:

{{Début des onglets
|Onglet-1=Comment modifier une page
|URL-1=Aide:Comment modifier une page
|Onglet-2=Comment créer une page
|URL-2=Aide:Comment créer une page
|Onglet-3=Syntaxe Ekopédia
|URL-3=Aide:Syntaxe
|Onglet-4=Insérer une image
|URL-4=Aide:Insérer une image
|bordure=1px solid black
|fond onglets=#EEEEEE
|fond cadre=#EEEFFF
}}

Bla bla bla

{{Fin des onglets
|Onglet-1=Comment modifier une page
|URL-1=Aide:Comment modifier une page
|Onglet-2=Comment créer une page
|URL-2=Aide:Comment créer une page
|Onglet-3=Syntaxe Ekopédia
|URL-3=Aide:Syntaxe
|Onglet-4=Insérer une image
|URL-4=Aide:Insérer une image
|Onglet-Fin=Revenir à comment modifier une page
|URL-Fin=Aide:Comment modifier une page
|bordure=1px solid black
|fond onglets=#EEEEEE
}}


Résultat :


Comment modifier une page Comment créer une page Syntaxe Ekopédia Insérer une image

Bla bla bla

Page suivante :  →