Vorlage:Tabber: Unterschied zwischen den Versionen

[gesichtete Version][gesichtete Version]
(Die Seite wurde neu angelegt: „<includeonly><div class="hp-tabber"> <div class="hp-tab-wrapper"> <div class="hp-arrow-left"></div> <ul class="hp-tab"> {{#if:{{{Tab1Name|}}}|<li class="hp-tab…“)
 
Zeile 1: Zeile 1:
<includeonly><div class="hp-tabber">
+
<includeonly><div class="tabdiv tabber-new {{{$divclass|}}}" style="{{{$divstyle|}}}">
<div class="hp-tab-wrapper">
+
<ul style="{{{$ulstyle|}}}" class="tabber-ul {{{$ulclass|}}}">{{#vardefine:i|0}}{{#forargs:
<div class="hp-arrow-left"></div>
+
| key
<ul class="hp-tab">
+
| value
{{#if:{{{Tab1Name|}}}|<li class="hp-tablinks hp-active-tab">{{#replace:{{{Tab1Name|1}}}| |<span style="visibility: hidden;display: inline-block;width: 4px;">_</span>}}<span style="display:none;">{{#if:{{{t1hiddenid|}}}|{{{t1hiddenid|_}}}|}}</span></li>|}}
+
| <nowiki/>
{{#if:{{{Tab2Name|}}}|<li class="hp-tablinks hp-active-tab">{{#replace:{{{Tab2Name|1}}}| |<span style="visibility: hidden;display: inline-block;width: 4px;">_</span>}}<span style="display:none;">{{#if:{{{t1hiddenid|}}}|{{{t1hiddenid|_}}}|}}</span></li>|}}
+
{{#if: {{#var:value}} |
{{#if:{{{Tab3Name|}}}|<li class="hp-tablinks hp-active-tab">{{#replace:{{{Tab3Name|1}}}| |<span style="visibility: hidden;display: inline-block;width: 4px;">_</span>}}<span style="display:none;">{{#if:{{{t1hiddenid|}}}|{{{t1hiddenid|_}}}|}}</span></li>|}}
+
{{#if:{{#pos:{{#var:key}}|$|0}}
{{#if:{{{Tab4Name|}}}|<li class="hp-tablinks hp-active-tab">{{#replace:{{{Tab4Name|1}}}| |<span style="visibility: hidden;display: inline-block;width: 4px;">_</span>}}<span style="display:none;">{{#if:{{{t1hiddenid|}}}|{{{t1hiddenid|_}}}|}}</span></li>|}}
+
    ||<li class="tabber-tab {{{$tab{{#var:i}}class|}}} {{#ifeq:{{#var:i}}|0|active}} {{{$tabclass|}}}" style="{{{$tabstyle|}}};{{{$tab{{#var:i}}style|}}}"><span class="tabber-tab-content">{{#var:key}}</span></li>{{#vardefine:i|{{#expr:{{#var:i}}+1}}}}
{{#if:{{{Tab5Name|}}}|<li class="hp-tablinks hp-active-tab">{{#replace:{{{Tab5Name|1}}}| |<span style="visibility: hidden;display: inline-block;width: 4px;">_</span>}}<span style="display:none;">{{#if:{{{t1hiddenid|}}}|{{{t1hiddenid|_}}}|}}</span></li>|}}
+
}}
</ul>
+
}}
<div class="hp-arrow-right"></div>
+
}}
</div>
+
</ul>{{#vardefine:i|0}}{{#forargs:
 
+
| key
<!-- Tab content -->
+
| value
{{#if:{{{Tab1Name|}}}|
+
| <nowiki/>
<div id="{{#replace:{{{Tab1Name|1}}}| |_}}{{{t1hiddenid|}}}_" class="hp-tabcontent hp-active-tab">
+
{{#if: {{#var:value}} |
{{{Tab1Inhalt|Content}}}
+
{{#if:{{#pos:{{#var:key}}|$|0}}
</div>|<nowiki></nowiki>}}
+
    |
{{#if:{{{Tab1Name|}}}|
+
    |<div class="tabber-content {{{$conclass|}}} {{{$con{{#var:i}}class|}}}" style="{{#ifeq:{{#var:i}}|0||display: none;}}{{{$constyle|}}}">
<div id="{{#replace:{{{Tab2Name|2}}}| |_}}{{{t1hiddenid|}}}_" class="hp-tabcontent hp-active-tab">
+
{{#var:value}}
{{{Tab2Inhalt|Content}}}
+
</div>{{#vardefine:i|{{#expr:{{#var:i}}+1}}}}
</div>|<nowiki></nowiki>}}
+
}}
{{#if:{{{Tab1Name|}}}|
+
}}
<div id="{{#replace:{{{Tab3Name|3}}}| |_}}{{{t1hiddenid|}}}_" class="hp-tabcontent hp-active-tab">
+
}}{{#vardefine:i|0}}</div></includeonly>
{{{Tab3Inhalt|Content}}}
 
</div>|<nowiki></nowiki>}}
 
{{#if:{{{Tab1Name|}}}|
 
<div id="{{#replace:{{{Tab4Name|4}}}| |_}}{{{t1hiddenid|}}}_" class="hp-tabcontent hp-active-tab">
 
{{{Tab4Inhalt|Content}}}
 
</div>|<nowiki></nowiki>}}
 
{{#if:{{{Tab1Name|}}}|
 
<div id="{{#replace:{{{Tab5Name|5}}}| |_}}{{{t1hiddenid|}}}_" class="hp-tabcontent hp-active-tab">
 
{{{Tab5Inhalt|Content}}}
 
</div>|<nowiki></nowiki>}}
 
</div></includeonly>
 

Version vom 21. Januar 2023, 00:01 Uhr