Modèle:Vtab : Différence entre versions

Version actuelle datée du 25 novembre 2020 à 20:48

Onglets en colonne

Ce modèle est conçu pour afficher une ligne verticale d'onglets (icônes 64×64 pixels) à droite de la page. Il peut être utilisé en conjonction avec le modèle Modèle:Vtab/begin
Le dernier onglet doit mentionner le paramètre | last=1 pour être affiché correctement.

Paramètres

URL {lien vers page cible}, Onglet {texte au survol de l'icône}, Image {icône}, fond onglet {couleur de fond de l'onglet) et last

Les autres paramètres (ci-dessous) sont optionnels et peuvent dégrader l'aspect général de l'ensemble :

degrade
arrondi
bordure
fond cadre
width

Usage

 {{Vtab/begin
{{Vtab/begin
| {{Vtab |URL={{BASEPAGENAME}}/Kinrey|Onglet=Kinrey |Image=Kinrey SKA icon.png|fond onglet=#c3b686 }}
| {{Vtab |URL=L{{BASEPAGENAME}}/Kidinak|Onglet=Kidinak |Image=Kidinak SKA icon.png|fond onglet=#c3b686 }}
| {{Vtab |URL={{BASEPAGENAME}}/Kizarak|Onglet=Kizarak |Image=Kizarak SKA icon.png|fond onglet=#c3b686| last=1 }}
}}

@@ Ligne 1 : / Ligne 1 : @@
-<includeonly><td  width="{{#if:{{{width|}}}|{{{width}}}|65px}}" height="65px" style="text-align: center; border: {{#if:{{{bordure|}}}|{{{bordure}}}|solid 2px #441d1c}}; border-left: none; border-bottom:{{#if:{{{last|}}} |solid 2px |none 0px}};  {{#if:{{{arrondi|}}}|-moz-border-radius: 0 {{{arrondi}}} {{{arrondi}}} 0; -webkit-border-radius: 0 {{{arrondi}}} {{{arrondi}}} 0; border-radius: 0 {{{arrondi}}} {{{arrondi}}} 0 ;|-moz-border-radius: 0 5px 5px 0; -webkit-border-radius: 0 5px 5px 0; border-radius: 0 5px 5px 0 ;}}  background: -moz-linear-gradient(0deg, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0.5) 3%, rgba(0,0,0,0) 10%);
+<includeonly><td  width="{{#if:{{{width|}}}|{{{width}}}|65px}}" height="65px" style="text-align: center; border: {{#if:{{{bordure|}}}|{{{bordure}}}|solid 2px #441d1c}}; border-left: none; border-bottom:{{#if:{{{last|}}} |solid 2px |none 0px}}; {{#if:{{{arrondi|}}}| border-radius: 0 {{{arrondi}}} {{{arrondi}}} 0 ;| border-radius: 0 8px 8px 0;}}  padding:0em; border-spacing: 0em; font-size: 110%; {{#ifeq:{{FULLPAGENAME}}|{{{URL}}}|background-color: {{#if:{{{fond cadre|}}}|{{{fond cadre}}}|transparent}};  font-weight:bold; position:relative;left:-1px;| background-color: {{#if:{{{fond onglet|}}}|{{{fond onglet}}}|transparent}}; box-shadow:inset 1px 0 3px;}}">{{#if:{{{Image|}}}|[[File:{{{Image}}}|63px|{{{Onglet}}}|link={{{URL}}}]]}}<!-- {{#ifeq:{{{URLType|}}}|http|<span class="plainlinks noarchive">[{{{URL}}} {{{Onglet}}}]</span>|[[{{{URL}}}|{{{Onglet}}}]]}} --> </td> <!--
- -webkit-linear-gradient(0deg, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0.5) 3%, rgba(0,0,0,0) 10%); linear-gradient(0deg, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0.5) 3%, rgba(0,0,0,0) 10%); padding:0em; border-spacing: 0em; font-size: 110%; {{#ifeq:{{FULLPAGENAME}}|{{{URL}}}|background-color: {{#if:{{{fond cadre|}}}|{{{fond cadre}}}|transparent}};  font-weight:bold; | background-color: {{#if:{{{fond onglets|}}}|{{{fond onglets}}}|transparent}}; }}">{{#if:{{{Image|}}}|[[File:{{{Image}}}|63px|{{{Onglet}}}|link={{{URL}}}]]}}<!-- {{#ifeq:{{{URLType|}}}|http|<span class="plainlinks noarchive">[{{{URL}}} {{{Onglet}}}]</span>|[[{{{URL}}}|{{{Onglet}}}]]}} --> </td> <!--
   --></includeonly>
-<noinclude>{{WIP}}{{Trad
+<noinclude>{{Trad
 |DE=Template:Vtab
 |EN=Template:Vtab
@@ Ligne 10 : / Ligne 9 : @@
 }}
-Table d'onglets verticaux
+'''<big>Onglets en colonne</big>'''<br />
-Ce modèle est conçu pour afficher une rangée verticale d'onglets,alignée à droite de la page, affichant des icônes 64×64 pixels. il peut être utilisé en conjonction avec le modèle [[Modèle:Vtab/begin]] .
-==Paramêtres==
+Ce modèle est conçu pour afficher une ligne verticale d'onglets (icônes 64×64 pixels) à droite de la page. Il ''peut'' être utilisé en conjonction avec le modèle [[Modèle:Vtab/begin]]<br />
+'''Le dernier onglet doit mentionner le paramètre''' <code>| last=1</code> '''pour être affiché correctement'''.
-'''Image'''
+==Paramètres==
-'''URL'''
-'''last'''
-Les autres paramêtres sont optionnels et peuvent dégrader l'aspect général de l'ensemble:
-Onglet : texte (en remplacement de l'icône).
-degrade
-arrondi
-bordure
-fond cadre
-fond onglets
-width
+'''URL''' {lien vers page cible}, '''Onglet''' {texte au survol de l'icône}, '''Image''' {icône}, '''fond onglet''' {couleur de fond de l'onglet) et '''last'''
+Les autres paramètres (ci-dessous) sont optionnels et peuvent dégrader l'aspect général de l'ensemble :
+*degrade
+*arrondi
+*bordure
+*fond cadre
+*width
 ==Usage==
    <code><nowiki>{{Vtab/begin
-| {{Vtab |URL=user:Dorothée |Image=dummy.png}}
+{{Vtab/begin
-| {{Vtab |URL=user:Dorothée |Image=dummy.png|last=1}}  }}
+| {{Vtab |URL={{BASEPAGENAME}}/Kinrey|Onglet=Kinrey |Image=Kinrey SKA icon.png|fond onglet=#c3b686 }}
+| {{Vtab |URL=L{{BASEPAGENAME}}/Kidinak|Onglet=Kidinak |Image=Kidinak SKA icon.png|fond onglet=#c3b686 }}
+| {{Vtab |URL={{BASEPAGENAME}}/Kizarak|Onglet=Kizarak |Image=Kizarak SKA icon.png|fond onglet=#c3b686| last=1 }}
+}}
 </nowiki></code>
 <!-- <table align="right " style="border-spacing: 0;-webkit-box-shadow: 5px 5px 7px 0px rgba(0,0,0,0.7);-moz-box-shadow: 5px 5px 7px 0px rgba(0,0,0,0.7);box-shadow: 5px 5px 7px 0px rgba(0,0,0,0.7);">
   -->
- {{Vtab/begin
+{{Vtab/begin
-| {{Vtab |URL=user:Dorothée |Image=dummy.png}}
+| {{Vtab |URL={{BASEPAGENAME}}/Kinrey|Onglet=Kinrey |Image=Kinrey SKA icon.png|fond onglet=#c3b686 }}
-| {{Vtab |URL=user:Dorothée |Image=dummy.png|last=1}} }}
+| {{Vtab |URL=L{{BASEPAGENAME}}/Kidinak|Onglet=Kidinak |Image=Kidinak SKA icon.png|fond onglet=#c3b686 }}
+| {{Vtab |URL={{BASEPAGENAME}}/Kizarak|Onglet=Kizarak |Image=Kizarak SKA icon.png|fond onglet=#c3b686| last=1 }}
+}}
 <!-- {{Vtab/end}} -->
 [[Category:Modèle:Onglet]]</noinclude>

De EncyclopAtys

Version actuelle datée du 25 novembre 2020 à 20:48

Paramètres

Usage