Template:Tabber: Difference between revisions
Jump to navigation
Jump to search
No edit summary Tag: Reverted |
No edit summary Tag: Reverted |
||
| Line 2: | Line 2: | ||
<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}}|}}} | [[ | {{#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> | ||
Revision as of 05:06, 20 August 2023
 |
Achtung! Du siehst Dir gerade eine Vorlage an. Diese ist nicht dazu gedacht, um Daten für z.B. für einen Gegenstand einzutragen. Das Wort hinter subst: entspricht fast immer dem Namen des Typs, zu dem Du eine Seite anlegen willst. |
</onlyinclude></nowiki> ganz oben in die entsprechende Vorlage eingefügt werden.
<noinclude>{{AV!}}</noinclude>
</noinclude>
 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 =
}}
- Um gleichgroße Tabs zu erzeugen, muss die Width in px angegeben werden.
- TWidth dann folgender Paramter: {{#expr: Width / #Tabs}}