Template:Tabber: Difference between revisions
Jump to navigation
Jump to search
No edit summary |
No edit summary |
||
| Line 1: | Line 1: | ||
<includeonly><table width="{{#if: {{{Width|}}} | {{{Width}}} | 100% }}" style="border: {{#if: {{{Border|}}} | {{{Border}}} | 1 }}px solid #97100d;"><tr><td>{{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}}|}}} | [[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> | ||
</td></tr></table></includeonly><noinclude> | </td></tr></table></includeonly><noinclude>{{Tabber | ||
{{ | <!-- Width in px. TabWidth in Pixel | ||
Equaltabs: |TWidth = {{#expr: Width / #Tabs}} --> | |||
|Width = 890 | |Width = 890 | ||
|TWidth = {{#expr: 890 / 6}} | |TWidth = {{#expr: 890 / 6}} | ||
|Border = 1 | |Border = 1 | ||
<!-- Tabs --> | |||
|Tab1 = Tab1 | |Tab1 = Tab1 | ||
|Icon1 = Passierschein | |Icon1 = Passierschein | ||
| Line 17: | Line 19: | ||
|Tab2 = Tab2 | |Tab2 = Tab2 | ||
|Inhalt2 = Tab2 Content... | |Inhalt2 = Tab2 Content... | ||
|Tab3 = Tab3 | |||
|Inhalt3 = Tab3 Content... | |||
|Tab4 = Tab4 | |||
|Inhalt4 = Tab4 Content... | |||
|Tab5 = Tab5 | |||
|Inhalt5 = Tab5 Content... | |||
|Tab6 = Tab6 | |||
|Inhalt6 = Tab6 Content... | |||
}} | }} | ||
<nowiki> | <nowiki> | ||
{{Tabber | {{Tabber | ||
<!-- Tabber Settings --> | |||
|Width = | |Width = | ||
|TWidth = | |TWidth = | ||
|Border = | |Border = | ||
<!-- Tabs --> | |||
|Tab1 = | |Tab1 = | ||
|Icon1 = | |Icon1 = | ||
| Line 31: | Line 47: | ||
|Icon2 = | |Icon2 = | ||
|Inhalt2 = | |Inhalt2 = | ||
|Tab3 = | |||
|Icon3 = | |||
|Inhalt3 = | |||
|Tab4 = | |||
|Icon4 = | |||
|Inhalt4 = | |||
|Tab5 = | |||
|Icon5 = | |||
|Inhalt5 = | |||
}}</nowiki> | }}</nowiki> | ||
</noinclude> | </noinclude> | ||
Revision as of 07:33, 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 =
}}