Modèle:Tabs : Différence entre versions

[version vérifiée][version non vérifiée]
Ligne 2 : Ligne 2 :
 
<div class="tabber-container" data-toggle="{{#if:{{{toggle|}}}|1|0}}" data-url="{{#if:{{{url|}}}|1|0}}">
 
<div class="tabber-container" data-toggle="{{#if:{{{toggle|}}}|1|0}}" data-url="{{#if:{{{url|}}}|1|0}}">
 
<div style="display: flex; flex-direction: row; gap: 10px; flex-wrap: wrap;">
 
<div style="display: flex; flex-direction: row; gap: 10px; 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="styled-button {{#ifeq:{{{numActive|1}}}|1|tabber-active}}" data-position="0">{{{Bo1|Bouton1}}}</div>
 
{{#if:{{{Bo2|}}}|
 
{{#if:{{{Bo2|}}}|
<div id="{{{Bo2}}}" class="button {{#ifeq:{{{numActive|1}}}|2|tabber-active}}" data-position="1">{{{Bo2}}}</div>
+
<div id="{{{Bo2}}}" class="styled-button {{#ifeq:{{{numActive|1}}}|2|tabber-active}}" data-position="1">{{{Bo2}}}</div>
 
{{#if:{{{Bo3|}}}|
 
{{#if:{{{Bo3|}}}|
<div id="{{{Bo3}}}" class="button {{#ifeq:{{{numActive|1}}}|3|tabber-active}}" data-position="2">{{{Bo3}}}</div>
+
<div id="{{{Bo3}}}" class="styled-button {{#ifeq:{{{numActive|1}}}|3|tabber-active}}" data-position="2">{{{Bo3}}}</div>
 
{{#if:{{{Bo4|}}}|
 
{{#if:{{{Bo4|}}}|
<div id="{{{Bo4}}}" class="button {{#ifeq:{{{numActive|1}}}|4|tabber-active}}" data-position="3">{{{Bo4}}}</div>
+
<div id="{{{Bo4}}}" class="styled-button {{#ifeq:{{{numActive|1}}}|4|tabber-active}}" data-position="3">{{{Bo4}}}</div>
 
{{#if:{{{Bo5|}}}|
 
{{#if:{{{Bo5|}}}|
<div id="{{{Bo5}}}" class="button {{#ifeq:{{{numActive|1}}}|5|tabber-active}}" data-position="4">{{{Bo5}}}</div>
+
<div id="{{{Bo5}}}" class="styled-button {{#ifeq:{{{numActive|1}}}|5|tabber-active}}" data-position="4">{{{Bo5}}}</div>
 
{{#if:{{{Bo6|}}}|
 
{{#if:{{{Bo6|}}}|
<div id="{{{Bo6}}}" class="button {{#ifeq:{{{numActive|1}}}|6|tabber-active}}" data-position="5">{{{Bo6}}}</div>
+
<div id="{{{Bo6}}}" class="styled-button {{#ifeq:{{{numActive|1}}}|6|tabber-active}}" data-position="5">{{{Bo6}}}</div>
 
{{#if:{{{Bo7|}}}|
 
{{#if:{{{Bo7|}}}|
<div id="{{{Bo7}}}" class="button {{#ifeq:{{{numActive|1}}}|7|tabber-active}}" data-position="6">{{{Bo7}}}</div>
+
<div id="{{{Bo7}}}" class="styled-button {{#ifeq:{{{numActive|1}}}|7|tabber-active}}" data-position="6">{{{Bo7}}}</div>
 
{{#if:{{{Bo8|}}}|
 
{{#if:{{{Bo8|}}}|
<div id="{{{Bo8}}}" class="button {{#ifeq:{{{numActive|1}}}|8|tabber-active}}" data-position="7">{{{Bo8}}}</div>
+
<div id="{{{Bo8}}}" class="styled-button {{#ifeq:{{{numActive|1}}}|8|tabber-active}}" data-position="7">{{{Bo8}}}</div>
 
{{#if:{{{Bo9|}}}|
 
{{#if:{{{Bo9|}}}|
<div id="{{{Bo9}}}" class="button {{#ifeq:{{{numActive|1}}}|9|tabber-active}}" data-position="8">{{{Bo9}}}</div>
+
<div id="{{{Bo9}}}" class="styled-button {{#ifeq:{{{numActive|1}}}|9|tabber-active}}" data-position="8">{{{Bo9}}}</div>
 
{{#if:{{{Bo10|}}}|
 
{{#if:{{{Bo10|}}}|
<div id="{{{Bo10}}}" class="button {{#ifeq:{{{numActive|1}}}|10|tabber-active}}" data-position="9">{{{Bo10}}}</div>
+
<div id="{{{Bo10}}}" class="styled-button {{#ifeq:{{{numActive|1}}}|10|tabber-active}}" data-position="9">{{{Bo10}}}</div>
 
}}}}}}}}}}}}}}}}}}
 
}}}}}}}}}}}}}}}}}}
 
</div>
 
</div>

Version du 24 mai 2024 à 22:20

Bouton1

Contenu1