Modèle:Tabs : Différence entre versions

[version vérifiée][version vérifiée]
(Page créée avec « {{LoadJavascript|Script=tabber}} <div class="tabber-container" data-activation="{{#if:{{{activation|}}}||true}}" data-url="{{#if:{{{url|}}}||false}}"> <div style="display:... »)
 
 
(15 révisions intermédiaires par 2 utilisateurs non affichées)
Ligne 1 : Ligne 1 :
 
{{LoadJavascript|Script=tabber}}
 
{{LoadJavascript|Script=tabber}}
<div class="tabber-container" data-activation="{{#if:{{{activation|}}}||true}}" data-url="{{#if:{{{url|}}}||false}}">
+
<div class="tabber-container" data-toggle="{{#if:{{{toggle|}}}|1|0}}" data-url="{{#if:{{{url|}}}|0|1}}">
<div style="display: flex; flex-direction: row; gap: 10px; flex-wrap: wrap;">
+
<div style="display: flex; flex-direction: row; gap: 5px; flex-wrap: wrap;">
<div id="{{{Bo1|Bouton1}}}" class="button {{#ifeq:{{{numActive|1}}}|1|tabber-active}}" data-position="0">{{{Bo1|Bouton1}}}</div>
+
<div id="{{{Bo1|Bouton1}}}" class="button styled-button {{#ifeq:{{{numActive|1}}}|1|tabber-active}}" data-position="0">{{{Bo1|Bouton1}}}</div>
 +
{{#if:{{{Bo2|}}}|
 +
<div id="{{{Bo2}}}" class="button styled-button {{#ifeq:{{{numActive|1}}}|2|tabber-active}}" data-position="1">{{{Bo2}}}</div>
 +
{{#if:{{{Bo3|}}}|
 +
<div id="{{{Bo3}}}" class="button styled-button {{#ifeq:{{{numActive|1}}}|3|tabber-active}}" data-position="2">{{{Bo3}}}</div>
 +
{{#if:{{{Bo4|}}}|
 +
<div id="{{{Bo4}}}" class="button styled-button {{#ifeq:{{{numActive|1}}}|4|tabber-active}}" data-position="3">{{{Bo4}}}</div>
 +
{{#if:{{{Bo5|}}}|
 +
<div id="{{{Bo5}}}" class="button styled-button {{#ifeq:{{{numActive|1}}}|5|tabber-active}}" data-position="4">{{{Bo5}}}</div>
 +
{{#if:{{{Bo6|}}}|
 +
<div id="{{{Bo6}}}" class="button styled-button {{#ifeq:{{{numActive|1}}}|6|tabber-active}}" data-position="5">{{{Bo6}}}</div>
 +
{{#if:{{{Bo7|}}}|
 +
<div id="{{{Bo7}}}" class="button styled-button {{#ifeq:{{{numActive|1}}}|7|tabber-active}}" data-position="6">{{{Bo7}}}</div>
 +
{{#if:{{{Bo8|}}}|
 +
<div id="{{{Bo8}}}" class="button styled-button {{#ifeq:{{{numActive|1}}}|8|tabber-active}}" data-position="7">{{{Bo8}}}</div>
 +
{{#if:{{{Bo9|}}}|
 +
<div id="{{{Bo9}}}" class="button styled-button {{#ifeq:{{{numActive|1}}}|9|tabber-active}}" data-position="8">{{{Bo9}}}</div>
 +
{{#if:{{{Bo10|}}}|
 +
<div id="{{{Bo10}}}" class="button styled-button {{#ifeq:{{{numActive|1}}}|10|tabber-active}}" data-position="9">{{{Bo10}}}</div>
 +
}}}}}}}}}}}}}}}}}}
 
</div>
 
</div>
 
<div>
 
<div>
<div class="{{#ifeq:{{{numActive|1}}}|1|tabber-active}}">
+
<div class="{{#ifeq:{{{numActive|1}}}|1|tabber-active}}" style="margin-top: 15px;">
 
{{{Co1|Contenu1}}}
 
{{{Co1|Contenu1}}}
 
</div>
 
</div>
 +
{{#if:{{{Co2|}}}|<div class="{{#ifeq:{{{numActive|1}}}|2|tabber-active}}" style="margin-top: 15px;">
 +
{{{Co2}}}
 +
</div>
 +
{{#if:{{{Co3|}}}|<div class="{{#ifeq:{{{numActive|1}}}|3|tabber-active}}" style="margin-top: 15px;">
 +
{{{Co3}}}
 +
</div>
 +
{{#if:{{{Co4|}}}|<div class="{{#ifeq:{{{numActive|1}}}|4|tabber-active}}" style="margin-top: 15px;">
 +
{{{Co4}}}
 +
</div>
 +
{{#if:{{{Co5|}}}|<div class="{{#ifeq:{{{numActive|1}}}|5|tabber-active}}" style="margin-top: 15px;">
 +
{{{Co5}}}
 +
</div>
 +
{{#if:{{{Co6|}}}|<div class="{{#ifeq:{{{numActive|1}}}|6|tabber-active}}" style="margin-top: 15px;">
 +
{{{Co6}}}
 +
</div>
 +
{{#if:{{{Co7|}}}|<div class="{{#ifeq:{{{numActive|1}}}|7|tabber-active}}" style="margin-top: 15px;">
 +
{{{Co7}}}
 +
</div>
 +
{{#if:{{{Co8|}}}|<div class="{{#ifeq:{{{numActive|1}}}|8|tabber-active}}" style="margin-top: 15px;">
 +
{{{Co8}}}
 +
</div>
 +
{{#if:{{{Co9|}}}|<div class="{{#ifeq:{{{numActive|1}}}|9|tabber-active}}" style="margin-top: 15px;">
 +
{{{Co9}}}
 +
</div>
 +
{{#if:{{{Co10|}}}|<div class="{{#ifeq:{{{numActive|1}}}|10|tabber-active}}" style="margin-top: 15px;">
 +
{{{Co10}}}
 +
</div>
 +
}}}}}}}}}}}}}}}}}}
 
</div>
 
</div>
 
</div>
 
</div>

Version actuelle datée du 25 mai 2024 à 20:35

Bouton1

Contenu1