Quelltext der Seite Vorlage:Tabber

<noinclude>{{AV!}}</noinclude><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 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> }} }}
</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>
</td></tr></table></includeonly><noinclude>{{Tabber
<!-- Width in px. TabWidth in Pixel
Equaltabs: |TWidth  = {{#expr: Width / #Tabs}} -->
|Width   = 890
|TWidth  = {{#expr: 890 / 6}}
|Border  = 1

<!-- Tabs -->
|Tab1    = Tab1
|Icon1   = Passierschein
|Inhalt1 = Tab1 Content...

|Tab2    = Tab2
|Inhalt2 = Tab2 Content...

|Tab3    = Tab3
|Inhalt3 = Tab3 Content...

|Tab4    = Tab4
|Inhalt4 = Tab4 Content...

|Tab5    = Tab5
|Inhalt5 = Tab5 Content...

|Tab6    = Tab6
|Inhalt6 = Tab6 Content...
}}
 <nowiki>
{{Tabber
<!-- Tabber Settings -->
|Width   = 
|TWidth  =
|Border  =

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

|Tab2    = 
|Icon2   = 
|Inhalt2 = 

|Tab3    = 
|Icon3   = 
|Inhalt3 = 

|Tab4    = 
|Icon4   = 
|Inhalt4 = 

|Tab5    = 
|Icon5   = 
|Inhalt5 = 
}}</nowiki>
* Um gleichgroße Tabs zu erzeugen, muss die Width in px angegeben werden.
* TWidth dann folgender Paramter: <nowiki>{{#expr: Width / #Tabs}}</nowiki>
[[Kategorie:Vorlagen/Einbindungen|{{PAGENAME}}]]
</noinclude>