Modèle:Vtab : Différence entre versions

Version actuelle datée du 25 novembre 2020 à 21: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 ;}} <!-- border-collapse: collapse; --> border-spacing: 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}}}|20px|{{{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 9 : / Ligne 8 : @@
 |RU=Template:Vtab
 }}
-<table  style="border-spacing: 0;-webkit-box-shadow: 10px 10px 12px -4px rgba(0,0,0,0.6);-moz-box-shadow: 10px 10px 12px -4px rgba(0,0,0,0.6);box-shadow: 10px 10px 12px -4px rgba(0,0,0,0.6);"> <tr>
-{{Vtab
+'''<big>Onglets en colonne</big>'''<br />
-|URL=user:Dorothée
-|URLType=
+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 />
-|Onglet=
+'''Le dernier onglet doit mentionner le paramètre''' <code>| last=1</code> '''pour être affiché correctement'''.
-|Image=dummy.png
-|arrondi=
+==Paramètres==
-|bordure=
-|fond onglets=
+'''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'''
-|fond cadre=
-|last=
+Les autres paramètres (ci-dessous) sont optionnels et peuvent dégrader l'aspect général de l'ensemble :
-|degrade=}}
+*degrade
-</tr><tr>
+*arrondi
-{{Vtab
+*bordure
-|URL=user:Dorothée
+*fond cadre
-|URLType=
+*width
-|Onglet=
-|Image=dummy.png
+==Usage==
-|arrondi=
+  <code><nowiki>{{Vtab/begin
-|bordure=
+{{Vtab/begin
-|fond onglets=
+| {{Vtab |URL={{BASEPAGENAME}}/Kinrey|Onglet=Kinrey |Image=Kinrey SKA icon.png|fond onglet=#c3b686 }}
-|fond cadre=
+| {{Vtab |URL=L{{BASEPAGENAME}}/Kidinak|Onglet=Kidinak |Image=Kidinak SKA icon.png|fond onglet=#c3b686 }}
-|last=1
+| {{Vtab |URL={{BASEPAGENAME}}/Kizarak|Onglet=Kizarak |Image=Kizarak SKA icon.png|fond onglet=#c3b686| last=1 }}
-|degrade=}}
+}}
-</tr> </table class="collapse">
+</nowiki></code>
- <nowiki>Onglet
+<!-- <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);">
-Image
+ -->
-degrade
+{{Vtab/begin
-arrondi
+| {{Vtab |URL={{BASEPAGENAME}}/Kinrey|Onglet=Kinrey |Image=Kinrey SKA icon.png|fond onglet=#c3b686 }}
-bordure
+| {{Vtab |URL=L{{BASEPAGENAME}}/Kidinak|Onglet=Kidinak |Image=Kidinak SKA icon.png|fond onglet=#c3b686 }}
-URL
+| {{Vtab |URL={{BASEPAGENAME}}/Kizarak|Onglet=Kizarak |Image=Kizarak SKA icon.png|fond onglet=#c3b686| last=1 }}
-fond cadre
+}}
-fond onglets
-width</nowiki>
+<!-- {{Vtab/end}} -->
 [[Category:Modèle:Onglet]]</noinclude>

De EncyclopAtys

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

Paramètres

Usage