Modèle:Tabber : Différence entre versions

[version vérifiée][version vérifiée]
(Page créée avec « {{#if: {{{NTabber|}}} | <div class="tabber" style="width:{{{Larghezza|100%}}}">__NOTOC__ {{#loop: varTabber | 1 | {{{NTabber}}} | <div class="tabbertab" style="height... »)
 
Ligne 1 : Ligne 1 :
{{#if: {{{NTabber|}}} |
+
<div id="tabber-container">
<div class="tabber" style="width:{{{Larghezza|100%}}}">__NOTOC__
+
<div style="display: flex; flex-direction: row; column-gap: 10px; background: rgba(0,0,0,.1); padding: 5px; border: 1px black solid; border-bottom: 1px black;">
{{#loop: varTabber | 1 | {{{NTabber}}} |
+
{{#fornumargs: number
    <div class="tabbertab" style="height:{{{Altezza|50px}}};{{{Stile}}}">
+
| value
  <h2>{{{Titolo{{#var:varTabber}}}}}</h2>
+
|<div class="button {{#ifeq:{{#var:number}}|1|tabber-active}}" id="{{#expr:{{#var:number}}-1}}">{{#var:value}}</div>
  {{{Testo{{#var:varTabber}}}}}
 
    </div>
 
 
}}
 
}}
 
</div>
 
</div>
 +
<div id="tabber-texte" style="border: 1px black solid; padding: 5px;">
 +
{{#forargs: contenu
 +
| key
 +
| value
 +
|<div class="tabber-noactive {{#ifeq:{{#var:key}}|1|tabber-active}}" id="{{#expr:{{#var:key}}-1}}">{{#var:value}}</div>
 
}}
 
}}
<noinclude>
+
</div>
== Guida all'utilizzo==
+
</div>
* Larghezza = Parametro per impostare la larghezza del Tabber; default è al 100%.
 
* Altezza = Altezza del Tabber; di default è 50px.
 
* NTabber = Numero di Tabber che si vuole avere
 
* Titolo1 = Titolo al primo tabber
 
* Titolo2 = Titolo al secondo tabber
 
* TitoloNTabber = Titolo al Ntabber tabber
 
* Testo1 = Corpo del Tabber 1
 
* Testo2 = Corpo del Tabber 2
 
 
 
[[Categoria:Template|{{PAGENAME}}]]
 
[[Categoria:Template - Tabelle]]
 
</noinclude>
 

Version du 22 septembre 2021 à 20:59