Template:Tabber - Revision history

Azyrwiki: 1 revision imported

2023-09-07T04:16:54Z

1 revision imported

← Older revision	Revision as of 06:16, 7 September 2023
(No difference)

Azyrwiki at 07:24, 20 August 2023

2023-08-20T07:24:36Z

← Older revision		Revision as of 09:24, 20 August 2023
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;">
Line 60:		Line 60:
	\|Inhalt5 =		\|Inhalt5 =
	}}</nowiki>		}}</nowiki>
	~~</noinclude>~~

Azyrwiki at 06:57, 20 August 2023

2023-08-20T06:57:23Z

← Older revision		Revision as of 08:57, 20 August 2023
Line 1:		Line 1:
	<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;">

Azyrwiki at 06:56, 20 August 2023

2023-08-20T06:56:54Z

← Older revision		Revision as of 08:56, 20 August 2023
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}}		<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;">

Azyrwiki at 06:51, 20 August 2023

2023-08-20T06:51:06Z

← Older revision		Revision as of 08:51, 20 August 2023
Line 8:		Line 8:
	<!-- Width in px. TabWidth in Pixel		<!-- Width in px. TabWidth in Pixel
	Equaltabs: \|TWidth = {{#expr: Width / #Tabs}} -->		Equaltabs: \|TWidth = {{#expr: Width / #Tabs}} -->
	\|Width = ~~1500~~		\|Width = 890
	\|TWidth = {{#expr: ~~1500~~ / 6}}		\|TWidth = {{#expr: 890 / 6}}
	\|Border = 1		\|Border = 1

Azyrwiki at 06:50, 20 August 2023

2023-08-20T06:50:54Z

← Older revision		Revision as of 08:50, 20 August 2023
Line 8:		Line 8:
	<!-- Width in px. TabWidth in Pixel		<!-- Width in px. TabWidth in Pixel
	Equaltabs: \|TWidth = {{#expr: Width / #Tabs}} -->		Equaltabs: \|TWidth = {{#expr: Width / #Tabs}} -->
	\|Width = ~~950~~		\|Width = 1500
	\|TWidth = {{#expr: ~~950~~ / 6}}		\|TWidth = {{#expr: 1500 / 6}}
	\|Border = 1		\|Border = 1

Azyrwiki at 06:50, 20 August 2023

2023-08-20T06:50:41Z

← Older revision		Revision as of 08:50, 20 August 2023
Line 8:		Line 8:
	<!-- Width in px. TabWidth in Pixel		<!-- Width in px. TabWidth in Pixel
	Equaltabs: \|TWidth = {{#expr: Width / #Tabs}} -->		Equaltabs: \|TWidth = {{#expr: Width / #Tabs}} -->
	\|Width = ~~890~~		\|Width = 950
	\|TWidth = {{#expr: ~~890~~ / 6}}		\|TWidth = {{#expr: 950 / 6}}
	\|Border = 1		\|Border = 1

Azyrwiki at 06:33, 20 August 2023

2023-08-20T06:33:53Z

← Older revision		Revision as of 08:33, 20 August 2023
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}}\|}}} \| [[~~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>
	</td></tr></table></includeonly><noinclude>		</td></tr></table></includeonly><noinclude>{{Tabber
	{{~~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>

Azyrwiki at 06:33, 20 August 2023

2023-08-20T06:33:26Z

← Older revision		Revision as of 08:33, 20 August 2023
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}}\|}}} \| [[~~File~~:{{{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}}\|}}} \| [[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>
	</td></tr></table></includeonly><noinclude>{{Tabber		</td></tr></table></includeonly><noinclude>
	~~<!-- Width in px. TabWidth in Pixel~~		{{Tabber
	~~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 19:		Line 17:
	\|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 47:		Line 31:
	\|Icon2 =		\|Icon2 =
	\|Inhalt2 =		\|Inhalt2 =

	~~\|Tab3 =~~
	~~\|Icon3 =~~
	~~\|Inhalt3 =~~

	~~\|Tab4 =~~
	~~\|Icon4 =~~
	~~\|Inhalt4 =~~

	~~\|Tab5 =~~
	~~\|Icon5 =~~
	~~\|Inhalt5 =~~
	}}</nowiki>		}}</nowiki>
			</noinclude>

Azyrwiki at 05:43, 20 August 2023

2023-08-20T05:43:50Z

← Older revision		Revision as of 07:43, 20 August 2023
Line 59:		Line 59:
	\|Icon5 =		\|Icon5 =
	\|Inhalt5 =		\|Inhalt5 =

	~~\|Tab6 =~~
	~~\|Icon6 =~~
	~~\|Inhalt6 =~~
	}}</nowiki>		}}</nowiki>
	* Um gleichgroße Tabs zu erzeugen, muss die Width in px angegeben werden.
	* TWidth dann folgender Paramter: <nowiki>{{#expr: Width / #Tabs}}</nowiki>