Modèle:Tabs : Différence entre versions
De EncyclopAtys
(10 révisions intermédiaires par 2 utilisateurs non affichées) | |||
Ligne 19 : | Ligne 19 : | ||
--></table><!-- | --></table><!-- | ||
− | --><div style="border:{{{bord|solid 2px # | + | --><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 28 : | Ligne 28 : | ||
|align_tab=center | |align_tab=center | ||
− | |Tab-1={{3DText|text='''Tab#1: | + | |Tab-1={{3DText|text='''Tab#1: Le modèle Tabs<br />Ceci est l'onglet ''actif'''''}} |
− | |URL-1= | + | |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 | + | |Tab-2={{3DText|text='''''Tab#2 Le modèle Tab'''''<br />Cet onglet est ''inactif''}} |
− | |URL-2= | + | |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: | + | |FR=Modèle:Tabs |
|RU=Шаблон:Tabs | |RU=Шаблон:Tabs | ||
}} | }} | ||
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> | ||
|} --> | |} --> | ||
− | : | + | <br /> |
− | == | + | <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 | + | |Tab-1={{3DText|text='''Tab#1: Le modèle Tabs<br />Ceci est l'onglet ''actif'''''}} |
− | |URL-1= | + | |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 | + | |Tab-2={{3DText|text='''''Tab#2 Le modèle Tab'''''<br />Cet onglet est ''inactif''}} |
− | |URL-2= | + | |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 | ||
}}</syntaxhighlight> | }}</syntaxhighlight> | ||
+ | |||
+ | ==Code détaillé == | ||
{| class="wikitable" | {| class="wikitable" | ||
− | |+ | + | |+ style="font: italic 1em serif; color:#e76700; "|'''Code expliqué''' |
|- | |- | ||
− | ! <code>Code</code> !! | + | ! <code>Code</code> !! Effet !! Étendue de l'effet |
|- | |- | ||
− | | <code><nowiki>{{Tabs</nowiki></code> || - || | + | | <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> || | + | | <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> || | + | | <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> || | + | | <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> || | + | | <code><nowiki>|align_tab=center</nowiki></code> || Alignement du noms des onglets. |
|- | |- | ||
− | | <code><nowiki><!-- --></nowiki></code> || | + | | <code><nowiki><!-- --></nowiki></code> || Commentaire vide(separateur) || rend le code plus facile à lire. |
|- | |- | ||
− | | <code><nowiki>|Tab-1={{3DText|text='''Tab#1 | + | | <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= | + | | <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> || | + | | <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> || | + | | <code><nowiki>|Pic-1=dummy.png </nowiki></code> || Une icône que s'affiche à la gauche de l'onglet. |
|- | |- | ||
− | | <code><nowiki><!-- --></nowiki></code> || | + | | <code><nowiki><!-- --></nowiki></code> || separateur || rend le code plus facile à lire. |
|- | |- | ||
− | | <code><nowiki>|Tab-2={{3DText|text='''''Tab#2 | + | | <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= | + | | <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> || | + | | <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> || | + | | <code><nowiki>|Pic-2=UnderConstruction.png</nowiki></code> || Icône du second onglet. |
|- | |- | ||
− | | <code><nowiki>}}</nowiki></code> || - || | + | | <code><nowiki>}}</nowiki></code> || - || Fin du modèle. |
<!-- |- | <!-- |- | ||
| <code><nowiki>Example</nowiki></code> || Example || Example --> | | <code><nowiki>Example</nowiki></code> || Example || Example --> | ||
Ligne 107 : | Ligne 111 : | ||
− | == | + | ==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 Tabs Ceci est l'onglet actif | Tab#2 Le modèle Tab Cet onglet est inactif |