Template:Tabber: Difference between revisions
Jump to navigation
Jump to search
No edit summary Tag: Reverted |
No edit summary Tags: Manual revert Reverted |
||
| Line 1: | Line 1: | ||
{{LoadJavascript|Script=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 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}}|}}} | [[Datei:{{{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> | ||
{{Tabber | </td></tr></table></includeonly><noinclude>{{Tabber | ||
<!-- Width in px. TabWidth in Pixel | <!-- Width in px. TabWidth in Pixel | ||
Equaltabs: |TWidth = {{#expr: Width / #Tabs}} --> | Equaltabs: |TWidth = {{#expr: Width / #Tabs}} --> | ||
| 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> | |||
[[Kategorie:Vorlagen/Einbindungen|{{PAGENAME}}]] | |||
</noinclude> | |||
Revision as of 05:20, 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 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}}