Modèle:Tabs : Différence entre versions
| [version non vérifiée] | [version vérifiée] |
| (12 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-toggle="{{#if:{{{toggle|}}}|1|0}}" data-url="{{#if:{{{url|}}}|1 | + | <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="styled-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|}}}| | {{#if:{{{Bo2|}}}| | ||
| − | <div id="{{{Bo2}}}" class="styled-button {{#ifeq:{{{numActive|1}}}|2|tabber-active}}" data-position="1">{{{Bo2}}}</div> | + | <div id="{{{Bo2}}}" class="button styled-button {{#ifeq:{{{numActive|1}}}|2|tabber-active}}" data-position="1">{{{Bo2}}}</div> |
{{#if:{{{Bo3|}}}| | {{#if:{{{Bo3|}}}| | ||
| − | <div id="{{{Bo3}}}" class="styled-button {{#ifeq:{{{numActive|1}}}|3|tabber-active}}" data-position="2">{{{Bo3}}}</div> | + | <div id="{{{Bo3}}}" class="button styled-button {{#ifeq:{{{numActive|1}}}|3|tabber-active}}" data-position="2">{{{Bo3}}}</div> |
{{#if:{{{Bo4|}}}| | {{#if:{{{Bo4|}}}| | ||
| − | <div id="{{{Bo4}}}" class="styled-button {{#ifeq:{{{numActive|1}}}|4|tabber-active}}" data-position="3">{{{Bo4}}}</div> | + | <div id="{{{Bo4}}}" class="button styled-button {{#ifeq:{{{numActive|1}}}|4|tabber-active}}" data-position="3">{{{Bo4}}}</div> |
{{#if:{{{Bo5|}}}| | {{#if:{{{Bo5|}}}| | ||
| − | <div id="{{{Bo5}}}" class="styled-button {{#ifeq:{{{numActive|1}}}|5|tabber-active}}" data-position="4">{{{Bo5}}}</div> | + | <div id="{{{Bo5}}}" class="button styled-button {{#ifeq:{{{numActive|1}}}|5|tabber-active}}" data-position="4">{{{Bo5}}}</div> |
{{#if:{{{Bo6|}}}| | {{#if:{{{Bo6|}}}| | ||
| − | <div id="{{{Bo6}}}" class="styled-button {{#ifeq:{{{numActive|1}}}|6|tabber-active}}" data-position="5">{{{Bo6}}}</div> | + | <div id="{{{Bo6}}}" class="button styled-button {{#ifeq:{{{numActive|1}}}|6|tabber-active}}" data-position="5">{{{Bo6}}}</div> |
{{#if:{{{Bo7|}}}| | {{#if:{{{Bo7|}}}| | ||
| − | <div id="{{{Bo7}}}" class="styled-button {{#ifeq:{{{numActive|1}}}|7|tabber-active}}" data-position="6">{{{Bo7}}}</div> | + | <div id="{{{Bo7}}}" class="button styled-button {{#ifeq:{{{numActive|1}}}|7|tabber-active}}" data-position="6">{{{Bo7}}}</div> |
{{#if:{{{Bo8|}}}| | {{#if:{{{Bo8|}}}| | ||
| − | <div id="{{{Bo8}}}" class="styled-button {{#ifeq:{{{numActive|1}}}|8|tabber-active}}" data-position="7">{{{Bo8}}}</div> | + | <div id="{{{Bo8}}}" class="button styled-button {{#ifeq:{{{numActive|1}}}|8|tabber-active}}" data-position="7">{{{Bo8}}}</div> |
{{#if:{{{Bo9|}}}| | {{#if:{{{Bo9|}}}| | ||
| − | <div id="{{{Bo9}}}" class="styled-button {{#ifeq:{{{numActive|1}}}|9|tabber-active}}" data-position="8">{{{Bo9}}}</div> | + | <div id="{{{Bo9}}}" class="button styled-button {{#ifeq:{{{numActive|1}}}|9|tabber-active}}" data-position="8">{{{Bo9}}}</div> |
{{#if:{{{Bo10|}}}| | {{#if:{{{Bo10|}}}| | ||
| − | <div id="{{{Bo10}}}" class="styled-button {{#ifeq:{{{numActive|1}}}|10|tabber-active}}" data-position="9">{{{Bo10}}}</div> | + | <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}}"> | + | {{#if:{{{Co2|}}}|<div class="{{#ifeq:{{{numActive|1}}}|2|tabber-active}}" style="margin-top: 15px;"> |
{{{Co2}}} | {{{Co2}}} | ||
</div> | </div> | ||
| − | {{#if:{{{Co3|}}}|<div class="{{#ifeq:{{{numActive|1}}}|3|tabber-active}}"> | + | {{#if:{{{Co3|}}}|<div class="{{#ifeq:{{{numActive|1}}}|3|tabber-active}}" style="margin-top: 15px;"> |
{{{Co3}}} | {{{Co3}}} | ||
</div> | </div> | ||
| − | {{#if:{{{Co4|}}}|<div class="{{#ifeq:{{{numActive|1}}}|4|tabber-active}}"> | + | {{#if:{{{Co4|}}}|<div class="{{#ifeq:{{{numActive|1}}}|4|tabber-active}}" style="margin-top: 15px;"> |
{{{Co4}}} | {{{Co4}}} | ||
</div> | </div> | ||
| − | {{#if:{{{Co5|}}}|<div class="{{#ifeq:{{{numActive|1}}}|5|tabber-active}}"> | + | {{#if:{{{Co5|}}}|<div class="{{#ifeq:{{{numActive|1}}}|5|tabber-active}}" style="margin-top: 15px;"> |
{{{Co5}}} | {{{Co5}}} | ||
</div> | </div> | ||
| − | {{#if:{{{Co6|}}}|<div class="{{#ifeq:{{{numActive|1}}}|6|tabber-active}}"> | + | {{#if:{{{Co6|}}}|<div class="{{#ifeq:{{{numActive|1}}}|6|tabber-active}}" style="margin-top: 15px;"> |
{{{Co6}}} | {{{Co6}}} | ||
</div> | </div> | ||
| − | {{#if:{{{Co7|}}}|<div class="{{#ifeq:{{{numActive|1}}}|7|tabber-active}}"> | + | {{#if:{{{Co7|}}}|<div class="{{#ifeq:{{{numActive|1}}}|7|tabber-active}}" style="margin-top: 15px;"> |
{{{Co7}}} | {{{Co7}}} | ||
</div> | </div> | ||
| − | {{#if:{{{Co8|}}}|<div class="{{#ifeq:{{{numActive|1}}}|8|tabber-active}}"> | + | {{#if:{{{Co8|}}}|<div class="{{#ifeq:{{{numActive|1}}}|8|tabber-active}}" style="margin-top: 15px;"> |
{{{Co8}}} | {{{Co8}}} | ||
</div> | </div> | ||
| − | {{#if:{{{Co9|}}}|<div class="{{#ifeq:{{{numActive|1}}}|9|tabber-active}}"> | + | {{#if:{{{Co9|}}}|<div class="{{#ifeq:{{{numActive|1}}}|9|tabber-active}}" style="margin-top: 15px;"> |
{{{Co9}}} | {{{Co9}}} | ||
</div> | </div> | ||
| − | {{#if:{{{Co10|}}}|<div class="{{#ifeq:{{{numActive|1}}}|10|tabber-active}}"> | + | {{#if:{{{Co10|}}}|<div class="{{#ifeq:{{{numActive|1}}}|10|tabber-active}}" style="margin-top: 15px;"> |
{{{Co10}}} | {{{Co10}}} | ||
</div> | </div> | ||
Version actuelle datée du 25 mai 2024 à 20:35
Bouton1
Contenu1
