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- | + | <div class="tabber-container" data-toggle="{{#if:{{{toggle|}}}|1|0}}" data-url="{{#if:{{{url|}}}|0|1}}"> |
− | <div style="display: flex; flex-direction: row; gap: | + | <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