Domaines
Communes
Quartiers de Brest
Espaces de noms

Variantes
Actions
De Wiki-Brest

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

(Résultat)
 
(16 révisions intermédiaires par un autre utilisateur non affichées)
Ligne 1 : Ligne 1 :
 
<includeonly>
 
<includeonly>
{| width="100%" cellspacing="0" cellpadding="0" valign="top" border="0" style="background-color: transparent;"
+
{|width="100%" cellspacing="0" cellpadding="0" valign="top" border="0" style="background-color: transparent;"
|-
 
 
{{#if:{{{Onglet-1|}}}|{{Onglet|URL={{{URL-1}}}|Onglet={{{Onglet-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 onglets|}}}|fond cadre={{{fond cadre|}}}|alignement onglet={{{alignement onglet|}}}|preums=1}}}}
 
{{#if:{{{Onglet-1|}}}|{{Onglet|URL={{{URL-1}}}|Onglet={{{Onglet-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 onglets|}}}|fond cadre={{{fond cadre|}}}|alignement onglet={{{alignement onglet|}}}|preums=1}}}}
 
{{#if:{{{Onglet-2|}}}|{{Onglet|URL={{{URL-2}}}|Onglet={{{Onglet-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 onglets|}}}|fond cadre={{{fond cadre|}}}|alignement onglet={{{alignement onglet|}}}}}}}
 
{{#if:{{{Onglet-2|}}}|{{Onglet|URL={{{URL-2}}}|Onglet={{{Onglet-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 onglets|}}}|fond cadre={{{fond cadre|}}}|alignement onglet={{{alignement onglet|}}}}}}}
Ligne 12 : Ligne 11 :
 
{{#if:{{{Onglet-9|}}}|{{Onglet|URL={{{URL-9}}}|Onglet={{{Onglet-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 onglets|}}}|fond cadre={{{fond cadre|}}}|alignement onglet={{{alignement onglet|}}}}}}}
 
{{#if:{{{Onglet-9|}}}|{{Onglet|URL={{{URL-9}}}|Onglet={{{Onglet-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 onglets|}}}|fond cadre={{{fond cadre|}}}|alignement onglet={{{alignement onglet|}}}}}}}
 
{{#if:{{{Onglet-10|}}}|{{Onglet|URL={{{URL-10}}}|Onglet={{{Onglet-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 onglets|}}}|fond cadre={{{fond cadre|}}}|alignement onglet={{{alignement onglet|}}}}}}}
 
{{#if:{{{Onglet-10|}}}|{{Onglet|URL={{{URL-10}}}|Onglet={{{Onglet-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 onglets|}}}|fond cadre={{{fond cadre|}}}|alignement onglet={{{alignement onglet|}}}}}}}
|-
 
 
|}
 
|}
 
<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="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; ">
+
<div style="padding:1ex; "></includeonly>
</includeonly><!--
+
<noinclude>
 
 
--><noinclude>
 
 
==En bref==
 
==En bref==
; But : Créer une interface à onglets, notamment pour les pages d'aide et les pages utilisateur.<br />'''''Ne pas utiliser dans l'espace encyclopédique.'''''
+
; But : Créer une interface à onglets,  
; Exemples : Voir ci-dessous<br />Utilisation grandeur nature : [[Projet:Traduction/*/Aide]], [[Utilisateur:Antaya]]
 
 
; 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|...}}
 
; 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|...}}
  
Ligne 61 : Ligne 56 :
 
}}</nowiki></code></poem>
 
}}</nowiki></code></poem>
  
Résultat :
+
====Résultat :====
  
 
{{ {{FULLPAGENAME}}
 
{{ {{FULLPAGENAME}}
Ligne 101 : Ligne 96 :
 
|fond onglets=gray
 
|fond onglets=gray
 
|fond cadre=silver
 
|fond cadre=silver
|arrondi=0,5em
+
|arrondi=0.5em
 
}}
 
}}
  
Ligne 119 : Ligne 114 :
 
|bordure=2px solid #888888
 
|bordure=2px solid #888888
 
|fond onglets=silver
 
|fond onglets=silver
|arrondi=0,5em
+
|arrondi=0.5em
 
|alignement onglet=left
 
|alignement onglet=left
 
}}
 
}}
Ligne 136 : Ligne 131 :
 
|URL-4=Projet:Traduction/*/Aide/Demander une traduction
 
|URL-4=Projet:Traduction/*/Aide/Demander une traduction
 
|bordure=2px solid #888888
 
|bordure=2px solid #888888
|fond onglets=gray
+
|fond onglets=grey
|fond cadre=#888888
+
|fond cadre=silver
 
|arrondi=0.5em
 
|arrondi=0.5em
 
|alignement onglet=left
 
|alignement onglet=left
Ligne 156 : Ligne 151 :
 
|URL-Fin=Projet:Traduction
 
|URL-Fin=Projet:Traduction
 
|bordure=2px solid #888888
 
|bordure=2px solid #888888
|fond onglets=#888888
+
|fond onglets=silver
 
|arrondi=0.5em
 
|arrondi=0.5em
 
|alignement onglet=center
 
|alignement onglet=center
Ligne 164 : Ligne 159 :
 
* {{m|Fin des onglets}}
 
* {{m|Fin des onglets}}
 
* {{m|Onglet}} (pour les programmeurs de modèle)
 
* {{m|Onglet}} (pour les programmeurs de modèle)
 
+
[[Catégorie:Modèle|{{PAGENAME}}]]
[[Catégorie: Modèle cadre]]
+
[[Catégorie: Modèle problèmatique]]
 
 
 
 
 
</noinclude>
 
</noinclude>

Version actuelle datée du 28 mai 2009 à 13:40


En bref

But 
Créer une interface à onglets,
Syntaxe 
Modèle:((Début des onglets|Onglet-1=Titre 1|URL-1=Page 1|Onglet-2=Titre 2|URL-2=page 2|...}}
Texte de la page.
Modèle:((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 :

Début des onglets   Fin des onglets   Onglet   Exemple





Bla bla bla

Modèle:Clr
Page suivante : Fin des onglets
 

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=gray
|fond cadre=silver
|arrondi=0.5em
}}

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=silver
|arrondi=0.5em
|alignement onglet=left
}}

Résultat

Début des onglets   Fin des onglets   Onglet   Exemple





Bla bla bla

Modèle:Clr
Page suivante : Fin des onglets
 

Voir aussi

Outils personnels