Modèle:Tabs : Différence entre versions

De EncyclopAtys

 
(9 révisions intermédiaires par 2 utilisateurs non affichées)
Ligne 19 : Ligne 19 :
  
 
  --></table><!--
 
  --></table><!--
  --><div style="border:{{{bord|solid 2px #A3B1BF}}}; padding: .5em 1em 1em 1em; border-top: none; background-color:{{{bg_frame|transparent}}}; color:#000;zoom: 1"><!--
+
  --><div style="border:{{{bord|solid 2px #{{ColorAtys|type=fg|group=Amber}} }}}; padding: 0em; border-top: none; background-color:{{{bg_frame|transparent}}}; color:#000;zoom: 1;overflow: hidden;"><!--
 
   --><div style="padding:1ex; "><!--
 
   --><div style="padding:1ex; "><!--
  
Ligne 29 : Ligne 29 :
  
 
|Tab-1={{3DText|text='''Tab#1: Le modèle Tabs<br />Ceci est l'onglet ''actif'''''}}
 
|Tab-1={{3DText|text='''Tab#1: Le modèle Tabs<br />Ceci est l'onglet ''actif'''''}}
|URL-1=Template:Tabs  
+
|URL-1=Modèle:Tabs  
 
|bg_Tab-1=#{{ColorAtys|type=light|group=tryker}}
 
|bg_Tab-1=#{{ColorAtys|type=light|group=tryker}}
 
|Pic-1=dummy.png  
 
|Pic-1=dummy.png  
  
 
|Tab-2={{3DText|text='''''Tab#2 Le modèle Tab'''''<br />Cet onglet est ''inactif''}}
 
|Tab-2={{3DText|text='''''Tab#2 Le modèle Tab'''''<br />Cet onglet est ''inactif''}}
|URL-2=Template:Tab
+
|URL-2=Modèle:Tab
 
|bg_Tab-2=#{{ColorAtys|type=light|group=fyros}}
 
|bg_Tab-2=#{{ColorAtys|type=light|group=fyros}}
 
|Pic-2=UnderConstruction.png
 
|Pic-2=UnderConstruction.png
Ligne 41 : Ligne 41 :
 
|EN=Template:Tabs
 
|EN=Template:Tabs
 
|ES=Plantilla:Tabs
 
|ES=Plantilla:Tabs
|FR=Modèle:Début des onglets
+
|FR=Modèle:Tabs
 
|RU=Шаблон:Tabs
 
|RU=Шаблон:Tabs
 
}}
 
}}
Ligne 59 : Ligne 59 :
 
<!--  -->
 
<!--  -->
 
|Tab-1={{3DText|text='''Tab#1: Le modèle Tabs<br />Ceci est l'onglet ''actif'''''}}  
 
|Tab-1={{3DText|text='''Tab#1: Le modèle Tabs<br />Ceci est l'onglet ''actif'''''}}  
|URL-1=Template:Tabs  
+
|URL-1=Modèle:Tabs  
 
|bg_Tab-1=#{{ColorAtys|type=light|group=tryker}}
 
|bg_Tab-1=#{{ColorAtys|type=light|group=tryker}}
 
|Pic-1=dummy.png  
 
|Pic-1=dummy.png  
 
<!--  -->
 
<!--  -->
 
|Tab-2={{3DText|text='''''Tab#2 Le modèle Tab'''''<br />Cet onglet est ''inactif''}}
 
|Tab-2={{3DText|text='''''Tab#2 Le modèle Tab'''''<br />Cet onglet est ''inactif''}}
|URL-2=Template:Tab
+
|URL-2=Modèle:Tab
 
|bg_Tab-2=#{{ColorAtys|type=light|group=fyros}}
 
|bg_Tab-2=#{{ColorAtys|type=light|group=fyros}}
 
|Pic-2=UnderConstruction.png
 
|Pic-2=UnderConstruction.png
Ligne 89 : Ligne 89 :
 
| <code><nowiki>|Tab-1={{3DText|text='''Tab#1: Le modèle Tabs<br />Ceci est l'onglet ''actif'''''}}</nowiki></code> || Nom de l'onglet ||  rowspan="4"|Cet onglet seulement<br /><small>Notez que les paramètres sont numérotés.On peut avoir jusquà 10 onglets de ce type.</small>
 
| <code><nowiki>|Tab-1={{3DText|text='''Tab#1: Le modèle Tabs<br />Ceci est l'onglet ''actif'''''}}</nowiki></code> || Nom de l'onglet ||  rowspan="4"|Cet onglet seulement<br /><small>Notez que les paramètres sont numérotés.On peut avoir jusquà 10 onglets de ce type.</small>
 
|-
 
|-
| <code><nowiki>|URL-1=Template:Tabs</nowiki></code> || Le nom de la page dans lequel l'onglet est "actif".<br /> L' url est celle de cette page et l'onglet est "actif", son fond est celui du corps de la page.  
+
| <code><nowiki>|URL-1=Modèle:Tabs</nowiki></code> || Le nom de la page dans lequel l'onglet est "actif".<br /> L' url est celle de cette page et l'onglet est "actif", son fond est celui du corps de la page.  
 
|-
 
|-
 
| <code><nowiki>|bg_Tab-1=#{{ColorAtys|type=light|group=tryker}}</nowiki></code> || Couleur du fond de l'onglet: ici bleu tryker «light», La couleur n'est effective que  si l'url est différente de celle de la page actuelle.
 
| <code><nowiki>|bg_Tab-1=#{{ColorAtys|type=light|group=tryker}}</nowiki></code> || Couleur du fond de l'onglet: ici bleu tryker «light», La couleur n'est effective que  si l'url est différente de celle de la page actuelle.
Ligne 99 : Ligne 99 :
 
| <code><nowiki>|Tab-2={{3DText|text='''''Tab#2 Le modèle Tab'''''<br />Cet onglet est ''inactif''}}</nowiki></code> || Nom du second onglet ||  rowspan="4"|Cet onglet seulement.
 
| <code><nowiki>|Tab-2={{3DText|text='''''Tab#2 Le modèle Tab'''''<br />Cet onglet est ''inactif''}}</nowiki></code> || Nom du second onglet ||  rowspan="4"|Cet onglet seulement.
 
|-
 
|-
| <code><nowiki>|URL-2=Template:Tab</nowiki></code> || Cette page n'est pas la page actuelle, l'onglet est ''inactif''<br /> les onglets «inactifs» sont séparés du corps de la page par une ligne horizontale.  
+
| <code><nowiki>|URL-2=Modèle:Tab</nowiki></code> || Cette page n'est pas la page actuelle, l'onglet est ''inactif''<br /> les onglets «inactifs» sont séparés du corps de la page par une ligne horizontale.  
 
|-
 
|-
 
| <code><nowiki>|bg_Tab-2=#{{ColorAtys|type=light|group=fyros}}</nowiki></code> || Couleur du fond de l'onglet: : ici orange fyros orange «light».
 
| <code><nowiki>|bg_Tab-2=#{{ColorAtys|type=light|group=fyros}}</nowiki></code> || Couleur du fond de l'onglet: : ici orange fyros orange «light».
Ligne 111 : Ligne 111 :
  
  
==Examples==
+
==Exemples==
 
+
*Page de guilde: [[Guilde:Ballistic Mystix|Ballistic Mystix]]
 +
<br />
 +
<br />
  
 
[[Category:Tab]][[Category:Template:Tab]][[Category:Modèle:Onglet]]</noinclude>
 
[[Category:Tab]][[Category:Template:Tab]][[Category:Modèle:Onglet]]</noinclude>

Version actuelle datée du 25 février 2022 à 15:15

Tab#1: Le modèle TabsCeci est l'onglet actif Tab#1: Le modèle Tabs
Ceci est l'onglet actif
 Tab#2 Le modèle TabCet onglet est inactif Tab#2 Le modèle Tab
Cet onglet est inactif
de:Vorlage:Tabs
en:Template:Tabs
es:Plantilla:Tabs
fr:Modèle:Tabs
ru:Шаблон:Tabs



Ce modèle est conçu pour assembler un ensemble d'onglets (10 au plus) semblables à ceux du haut de cette page. Ce modèle utilise le «sous-modèle» Tab; On explique le fonstionnement sur l'exemple de cette mêmepage.

Code de cette page

 {{Tabs
|bord=2px solid #{{ColorAtys|type=dark|group=tryker}}
|bg_frame=#{{ColorAtys|type=bg|group=tryker}}
|round=5em
|align_tab=center
<!--  -->
|Tab-1={{3DText|text='''Tab#1: Le modèle Tabs<br />Ceci est l'onglet ''actif'''''}} 
|URL-1=Modèle:Tabs 
|bg_Tab-1=#{{ColorAtys|type=light|group=tryker}}
|Pic-1=dummy.png 
<!--  -->
|Tab-2={{3DText|text='''''Tab#2 Le modèle Tab'''''<br />Cet onglet est ''inactif''}}
|URL-2=Modèle:Tab
|bg_Tab-2=#{{ColorAtys|type=light|group=fyros}}
|Pic-2=UnderConstruction.png
}}

Code détaillé

Code expliqué
Code Effet Étendue de l'effet
{{Tabs - Début de l'appel du modèle.
|bord=2px solid #{{ColorAtys|type=dark|group=tryker}} definit le style de ligne du cadre, son épaisseur et sa couleur La page entière encadrée.
|bg_frame=#{{ColorAtys|type=bg|group=tryker}} definit la couleur du fond (bg) du corps de la page  : ici bleu tryker blue comme défini dans le modèle ColorAtys.
|round=5em Rayon des coins arrondiss
Notez que seuls les coins des onglets sont arrondis.
|align_tab=center Alignement du noms des onglets.
<!-- --> Commentaire vide(separateur) rend le code plus facile à lire.
|Tab-1={{3DText|text='''Tab#1: Le modèle Tabs<br />Ceci est l'onglet ''actif'''''}} Nom de l'onglet Cet onglet seulement
Notez que les paramètres sont numérotés.On peut avoir jusquà 10 onglets de ce type.
|URL-1=Modèle:Tabs Le nom de la page dans lequel l'onglet est "actif".
L' url est celle de cette page et l'onglet est "actif", son fond est celui du corps de la page.
|bg_Tab-1=#{{ColorAtys|type=light|group=tryker}} Couleur du fond de l'onglet: ici bleu tryker «light», La couleur n'est effective que si l'url est différente de celle de la page actuelle.
|Pic-1=dummy.png Une icône que s'affiche à la gauche de l'onglet.
<!-- --> separateur rend le code plus facile à lire.
|Tab-2={{3DText|text='''''Tab#2 Le modèle Tab'''''<br />Cet onglet est ''inactif''}} Nom du second onglet Cet onglet seulement.
|URL-2=Modèle:Tab Cette page n'est pas la page actuelle, l'onglet est inactif
les onglets «inactifs» sont séparés du corps de la page par une ligne horizontale.
|bg_Tab-2=#{{ColorAtys|type=light|group=fyros}} Couleur du fond de l'onglet: : ici orange fyros orange «light».
|Pic-2=UnderConstruction.png Icône du second onglet.
}} - Fin du modèle.


Exemples