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 à 21:20
Bouton1
Contenu1