Modèle:Tabs : Différence entre versions

De EncyclopAtys
Ligne 28 : Ligne 28 :
 
|align_tab=center
 
|align_tab=center
  
−
|Tab-1={{3DText|text='''Tab#1: the Tabs Template<br />It is the ''active'' tab'''}}
+
|Tab-1={{3DText|text='''Tab#1: Le modèle Tabs<br />Ceci est l'onglet ''actif'''''}}
 
|URL-1=Template:Tabs  
 
|URL-1=Template: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: the Tab Template'''''<br />This tab is ''inactive''}}
+
|Tab-2={{3DText|text='''''Tab#2 Le modèle Tab'''''<br />Cet onglet est ''inactif''}}
 
|URL-2=Template:Tab
 
|URL-2=Template:Tab
 
|bg_Tab-2=#{{ColorAtys|type=light|group=fyros}}
 
|bg_Tab-2=#{{ColorAtys|type=light|group=fyros}}
Ligne 48 : Ligne 48 :
 
| <span style="font: bold 2em serif; color: crimson;">↑</span> This is Tab#1 <span style="font: bold 2em serif; color: crimson;">↑</span> || <span style="font: bold 2em serif; color: crimson;">↑</span> This is Tab#2 <span style="font: bold 2em serif; color: crimson;">↑</span>
 
| <span style="font: bold 2em serif; color: crimson;">↑</span> This is Tab#1 <span style="font: bold 2em serif; color: crimson;">↑</span> || <span style="font: bold 2em serif; color: crimson;">↑</span> This is Tab#2 <span style="font: bold 2em serif; color: crimson;">↑</span>
 
|} -->
 
|} -->
−
:This template is designed to assemble a set of tabs (10 max) such as the ones on this same page. Lets explain how it works on this example. It uses the [[:Template:Tab|Tab "sub"-template]].  
+
<br />
−
==Tabs code==
+
<br />
 +
: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 ==
 
<syntaxhighlight lang="xml"> {{Tabs
 
<syntaxhighlight lang="xml"> {{Tabs
 
|bord=2px solid #{{ColorAtys|type=dark|group=tryker}}
 
|bord=2px solid #{{ColorAtys|type=dark|group=tryker}}
Ligne 56 : Ligne 58 :
 
|align_tab=center
 
|align_tab=center
 
<!--  -->
 
<!--  -->
−
|Tab-1={{3DText|text='''Tab#1 the Tabs Template<br />It is the ''active'' tab'''}}  
+
|Tab-1={{3DText|text='''Tab#1: Le modèle Tabs<br />Ceci est l'onglet ''actif'''''}}  
 
|URL-1=Template:Tabs  
 
|URL-1=Template: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: the Tab Template'''''<br />This tab is ''inactive''}}
+
|Tab-2={{3DText|text='''''Tab#2 Le modèle Tab'''''<br />Cet onglet est ''inactif''}}
 
|URL-2=Template:Tab
 
|URL-2=Template: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
 
}}</syntaxhighlight>
 
}}</syntaxhighlight>
 +
 +
==Code détaillé ==
 
{| class="wikitable"
 
{| class="wikitable"
−
|+Code explained style="font: italic 1em serif; color:#e76700; "|'''Code explained'''  
+
|+ style="font: italic 1em serif; color:#e76700; "|'''Code expliqué'''  
 
|-
 
|-
−
! <code>Code</code> !! Effect !! Range
+
! <code>Code</code> !! Effet !! Étendue de l'effet
 
|-
 
|-
−
| <code><nowiki>{{Tabs</nowiki></code> || - || Start of template call
+
| <code><nowiki>{{Tabs</nowiki></code> || - || Début de l'appel du modèle.
 
|-
 
|-
−
| <code><nowiki>|bord=2px solid #{{ColorAtys|type=dark|group=tryker}}</nowiki></code> || defines border line type, thickness and colour || rowspan="4"|the ''whole'' framed page
+
| <code><nowiki>|bord=2px solid #{{ColorAtys|type=dark|group=tryker}}</nowiki></code> || definit le style de ligne du cadre, son épaisseur et sa couleur || rowspan="4"|La page entière encadrée.
 
|-
 
|-
−
| <code><nowiki>|bg_frame=#{{ColorAtys|type=bg|group=tryker}}</nowiki></code> || defines page background colour : here bg (background) tryker blue as defined in [[:Template:ColorAtys|ColorAtys template]].
+
| <code><nowiki>|bg_frame=#{{ColorAtys|type=bg|group=tryker}}</nowiki></code> || definit la couleur du fond (bg) du  corps de la page : ici bleu tryker blue comme  défini dans le [[:Template:ColorAtys|modèle ColorAtys]].
 
|-
 
|-
−
| <code><nowiki>|round=5em</nowiki></code> || Radius of rounded corners<br />Note that only tab corners are rounded.   
+
| <code><nowiki>|round=5em</nowiki></code> || Rayon des coins arrondiss<br />Notez que seuls les coins des onglets sont arrondis.   
 
|-
 
|-
−
| <code><nowiki>|align_tab=center</nowiki></code> || text alignment of tab names
+
| <code><nowiki>|align_tab=center</nowiki></code> || Alignement du noms des onglets.
 
|-
 
|-
−
| <code><nowiki><!--  --></nowiki></code> || empty comment (used as separator) || to make the code easier to read
+
| <code><nowiki><!--  --></nowiki></code> || Commentaire vide(separateur) || rend le code plus facile à lire.
 
|-
 
|-
−
| <code><nowiki>|Tab-1={{3DText|text='''Tab#1 the Tabs Template<br />It is the ''active'' tab'''}}</nowiki></code> || Tab name ||  rowspan="4"|This single tab<br /><small>Note that the parameters are numbered. You can have up to 10 tabs as this one.</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> || The url of the page in which the tab is "active".<br /> The url is the one of the actual page, the tab is "active", thus its background is the page body one.  
+
| <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>|bg_Tab-1=#{{ColorAtys|type=light|group=tryker}}</nowiki></code> || Tab background color: here light tryker blue, effective only if url differs from actual 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>|Pic-1=dummy.png </nowiki></code> || An icon to be displayed left of the tab title.  
+
| <code><nowiki>|Pic-1=dummy.png </nowiki></code> || Une icône que s'affiche à  la gauche de l'onglet.  
 
|-
 
|-
−
| <code><nowiki><!--  --></nowiki></code> || separator || to make the code easier to read
+
| <code><nowiki><!--  --></nowiki></code> || separateur || rend le code plus facile à lire.
 
|-
 
|-
−
| <code><nowiki>|Tab-2={{3DText|text='''''Tab#2: the Tab Template'''''<br />This tab is ''inactive''}}</nowiki></code> || Second tab title. ||  rowspan="4"|This single tab
+
| <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> || This page is not the actual page, the tab is "inactive"<br /> "Inactive" tabs are separated from the page body by an horizontal line.  
+
| <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>|bg_Tab-2=#{{ColorAtys|type=light|group=fyros}}</nowiki></code> || Tab background colour: here light fyros orange  
+
| <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>|Pic-2=UnderConstruction.png</nowiki></code> || Tab 2 icon 
+
| <code><nowiki>|Pic-2=UnderConstruction.png</nowiki></code> || Icône du second onglet.
 
|-
 
|-
−
| <code><nowiki>}}</nowiki></code> || - || End of Template.
+
| <code><nowiki>}}</nowiki></code> || - || Fin du modèle.
 
<!-- |-
 
<!-- |-
 
| <code><nowiki>Example</nowiki></code> || Example || Example -->
 
| <code><nowiki>Example</nowiki></code> || Example || Example -->
Ligne 108 : Ligne 112 :
  
 
==Examples==
 
==Examples==
−
With 2 tabs, no 3D Text: [[Wheel of fortune]]
+
 
 +
 
 
[[Category:Tab]][[Category:Template:Tab]][[Category:Modèle:Onglet]]</noinclude>
 
[[Category:Tab]][[Category:Template:Tab]][[Category:Modèle:Onglet]]</noinclude>

Version du 10 novembre 2020 à 09:22

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:Début des onglets
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=Template: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=Template: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=Template: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=Template: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.


Examples

Récupérée de « https://fr.wiki.ryzom.com/w/index.php?title=Modèle:Tabs&oldid=62148 »