Template:Tabber: Difference between revisions

From Azyrah
Jump to navigation Jump to search
No edit summary
Tag: Reverted
m (1 revision imported)
 
(20 intermediate revisions by the same user not shown)
Line 1: Line 1:
<noinclude>{{AV!}}</noinclude><includeonly><table width="{{#if: {{{Width|}}} | {{{Width}}} | 100% }}" style="border: {{#if: {{{Border|}}} | {{{Border}}} | 1 }}px solid #97100d;"><tr><td>{{LoadJavascript|Script=tabber}}
<includeonly><table width="{{#if: {{{Width|}}} | {{{Width}}} | 100% }}" style="border: {{#if: {{{Border|}}} | {{{Border}}} | 1 }}px solid #97100d;"><tr><td>{{LoadJavascript|Script=tabber}}
<div class="tabber-container" data-activation="true" data-url="true">
<div class="tabber-container" data-activation="true" data-url="true">
<div style="display: flex; flex-direction: row; gap: 0px; flex-wrap: wrap; padding: 0px; justify-content: start; width: 100%; margin: 0 auto; background: #440404;">
<div style="display: flex; flex-direction: row; gap: 0px; flex-wrap: wrap; padding: 0px; justify-content: start; width: 100%; margin: 0 auto; background: #440404;">
{{#forargs: Tab | key | value | {{#ifexpr: {{#len: {{#var:value}}}} > 0 |<div id="{{#var:value}}" class="button {{#ifeq:{{#var:key}}|{{{numActive|1}}}|tabber-active}}" data-position="{{#expr:{{#var:key}}-1}}" {{#if: {{{TWidth|}}} | style="width: {{#expr: {{{TWidth}}} - 13 }}px" }}>{{#if: {{{Icon{{#var:key}}|}}} | [[Datei:{{{Icon{{#var:key}}}}}.png|22px|link=]] }} {{#var:value}}</div> }} }}
{{#forargs: Tab | key | value | {{#ifexpr: {{#len: {{#var:value}}}} > 0 |<div id="{{#var:value}}" class="button {{#ifeq:{{#var:key}}|{{{numActive|1}}}|tabber-active}}" data-position="{{#expr:{{#var:key}}-1}}" {{#if: {{{TWidth|}}} | style="width: {{#expr: {{{TWidth}}} - 13 }}px" }}>{{#if: {{{Icon{{#var:key}}|}}} | [[File:{{{Icon{{#var:key}}}}}.png|22px|link=]] }} {{#var:value}}</div> }} }}
</div><div style="padding-top: 10px;">
</div><div style="padding-top: 10px;">
{{#forargs: Inhalt | key | value | <div class="{{#ifeq: {{#var:key}}|{{{numActive|1}}}|tabber-active}}"><div style="display: flex; flex-direction: row; gap: 10px 1px; flex-wrap: wrap; justify-content: start; width: 100%;"> {{#var:value}}</div></div> }}</div></div>
{{#forargs: Inhalt | key | value | <div class="{{#ifeq: {{#var:key}}|{{{numActive|1}}}|tabber-active}}"><div style="display: flex; flex-direction: row; gap: 10px 1px; flex-wrap: wrap; justify-content: start; width: 100%;"> {{#var:value}}</div></div> }}</div></div>
Line 60: Line 60:
|Inhalt5 =  
|Inhalt5 =  
}}</nowiki>
}}</nowiki>
* Um gleichgroße Tabs zu erzeugen, muss die Width in px angegeben werden.
* TWidth dann folgender Paramter: <nowiki>{{#expr: Width / #Tabs}}</nowiki>

Latest revision as of 05:16, 7 September 2023

Tab1
Tab2
Tab3
Tab4
Tab5
Tab6
Tab1 Content...
Tab2 Content...
Tab3 Content...
Tab4 Content...
Tab5 Content...
Tab6 Content...
{{Tabber
<!-- Tabber Settings -->
|Width   = 
|TWidth  =
|Border  =

<!-- Tabs -->
|Tab1    = 
|Icon1   = 
|Inhalt1 = 

|Tab2    = 
|Icon2   = 
|Inhalt2 = 

|Tab3    = 
|Icon3   = 
|Inhalt3 = 

|Tab4    = 
|Icon4   = 
|Inhalt4 = 

|Tab5    = 
|Icon5   = 
|Inhalt5 = 
}}