Wichtig: Benutzerleitstellen bitte in dieser Liste eintragen! Beim Erstellen eines Leitstellenartikels bitte diese Hinweise beachten.

Vorlage:Tabs: Unterschied zwischen den Versionen

Aus LstSim-Wiki
Wechseln zu: Navigation, Suche
K
K (Schützte „Vorlage:Tabs“: Häufig eingebundene Vorlage ([Bearbeiten=Nur automatisch bestätigten Benutzern erlauben] (unbeschränkt) [Verschieben=Nur automatisch bestätigten Benutzern erlauben] (unbeschränkt)))
 
(11 dazwischenliegende Versionen von 2 Benutzern werden nicht angezeigt)
Zeile 1: Zeile 1:
<includeonly> {| cellpadding="0" cellspacing="0" style="text-align: center; table-layout: fixed; height:40px; background-image: linear-gradient(to bottom, #ffffff 0%, #e8f2f8 100%); margin: 0px -24px 10px -24px; "
+
<includeonly><div style="white-space: nowrap;">
|style="padding-left:24px; background-image: linear-gradient(to bottom, #ffffff 0%, #f6f6f6 100%); border-bottom: 1px solid #a7d7f9 "|
+
{| cellpadding="0" cellspacing="0" style="text-align: center; table-layout: fixed; height:40px; background-image: linear-gradient(to bottom, #ffffff 0%, #e8f2f8 100%); margin: 0px -24px 10px -24px; "
|style="padding: 6px; border: solid #a7d7f9; border-width: 0px 1px {{#ifeq:{{{1}}}|1|0px 1px; background: #ffffff|1px 1px}}"| {{{2}}}
+
|style="padding-left:15px; background-image: linear-gradient(to bottom, #ffffff 0%, #f6f6f6 100%); border-bottom: 1px solid #a7d7f9 "|
|style="padding: 6px; border: solid #a7d7f9; border-width: 0px 1px {{#ifeq:{{{1}}}|2|0px 0px; background: #ffffff|1px 0px}}"| {{{3}}}
+
|style="padding: 6px; border: solid #a7d7f9; border-width: 0px 1px {{#ifeq:{{{1}}}|1|0px 1px; background: #ffffff|1px 1px}}"|{{{2}}}
|style="padding: 6px; border: solid #a7d7f9; border-width: 0px 1px {{#ifeq:{{{1}}}|3|0px 0px; background: #ffffff|1px 0px}};{{#if:{{{4|}}}||display:none;}}"| {{{4}}}
+
|style="padding: 6px; border: solid #a7d7f9; border-width: 0px 1px {{#ifeq:{{{1}}}|2|0px 0px; background: #ffffff|1px 0px}};{{#if:{{{3|}}}||display:none;}}"|{{{3}}}
|style="padding: 6px; border: solid #a7d7f9; border-width: 0px 1px {{#ifeq:{{{1}}}|4|0px 0px; background: #ffffff|1px 0px}};{{#if:{{{5|}}}||display:none;}}"| {{{5}}}
+
|style="padding: 6px; border: solid #a7d7f9; border-width: 0px 1px {{#ifeq:{{{1}}}|3|0px 0px; background: #ffffff|1px 0px}};{{#if:{{{4|}}}||display:none;}}"|{{{4}}}
|style="padding: 6px; border: solid #a7d7f9; border-width: 0px 1px {{#ifeq:{{{1}}}|5|0px 0px; background: #ffffff|1px 0px}};{{#if:{{{6|}}}||display:none;}}"| {{{6}}}
+
|style="padding: 6px; border: solid #a7d7f9; border-width: 0px 1px {{#ifeq:{{{1}}}|4|0px 0px; background: #ffffff|1px 0px}};{{#if:{{{5|}}}||display:none;}}"|{{{5}}}
|style="padding: 6px; border: solid #a7d7f9; border-width: 0px 1px {{#ifeq:{{{1}}}|6|0px 0px; background: #ffffff|1px 0px}};{{#if:{{{7|}}}||display:none;}}"| {{{7}}}
+
|style="padding: 6px; border: solid #a7d7f9; border-width: 0px 1px {{#ifeq:{{{1}}}|5|0px 0px; background: #ffffff|1px 0px}};{{#if:{{{6|}}}||display:none;}}"|{{{6}}}
 +
|style="padding: 6px; border: solid #a7d7f9; border-width: 0px 1px {{#ifeq:{{{1}}}|6|0px 0px; background: #ffffff|1px 0px}};{{#if:{{{7|}}}||display:none;}}"|{{{7}}}
 +
|style="padding: 6px; border: solid #a7d7f9; border-width: 0px 1px {{#ifeq:{{{1}}}|7|0px 0px; background: #ffffff|1px 0px}};{{#if:{{{8|}}}||display:none;}}"|{{{8}}}
 +
|style="padding: 6px; border: solid #a7d7f9; border-width: 0px 1px {{#ifeq:{{{1}}}|8|0px 0px; background: #ffffff|1px 0px}};{{#if:{{{9|}}}||display:none;}}"|{{{9}}}
 +
|style="padding: 6px; border: solid #a7d7f9; border-width: 0px 1px {{#ifeq:{{{1}}}|9|0px 0px; background: #ffffff|1px 0px}};{{#if:{{{10|}}}||display:none;}}"|{{{10}}}
 +
|style="padding: 6px; border: solid #a7d7f9; border-width: 0px 1px {{#ifeq:{{{1}}}|10|0px 0px; background: #ffffff|1px 0px}};{{#if:{{{11|}}}||display:none;}}"|{{{11}}}
 +
|style="padding-left:15px; background-image: linear-gradient(to bottom, #ffffff 0%, #f6f6f6 100%); border-bottom: 1px solid #a7d7f9 "|
 +
|style="padding: 6px; border: solid #a7d7f9; border-width: 0px 1px {{#ifeq:{{{1}}}|11|0px 1px; background: #ffffff|1px 1px}};{{#if:{{{12|}}}||display:none;}}"|{{{12}}}
 +
|style="padding: 6px; border: solid #a7d7f9; border-width: 0px 1px {{#ifeq:{{{1}}}|12|0px 0px; background: #ffffff|1px 0px}};{{#if:{{{13|}}}||display:none;}}"|{{{13}}}
 +
|style="padding: 6px; border: solid #a7d7f9; border-width: 0px 1px {{#ifeq:{{{1}}}|13|0px 0px; background: #ffffff|1px 0px}};{{#if:{{{14|}}}||display:none;}}"|{{{14}}}
 +
|style="padding: 6px; border: solid #a7d7f9; border-width: 0px 1px {{#ifeq:{{{1}}}|14|0px 0px; background: #ffffff|1px 0px}};{{#if:{{{15|}}}||display:none;}}"|{{{15}}}
 +
|style="padding: 6px; border: solid #a7d7f9; border-width: 0px 1px {{#ifeq:{{{1}}}|15|0px 0px; background: #ffffff|1px 0px}};{{#if:{{{16|}}}||display:none;}}"|{{{16}}}
 +
|style="padding: 6px; border: solid #a7d7f9; border-width: 0px 1px {{#ifeq:{{{1}}}|16|0px 0px; background: #ffffff|1px 0px}};{{#if:{{{17|}}}||display:none;}}"|{{{17}}}
 +
|style="padding: 6px; border: solid #a7d7f9; border-width: 0px 1px {{#ifeq:{{{1}}}|17|0px 0px; background: #ffffff|1px 0px}};{{#if:{{{18|}}}||display:none;}}"|{{{18}}}
 +
|style="padding: 6px; border: solid #a7d7f9; border-width: 0px 1px {{#ifeq:{{{1}}}|18|0px 0px; background: #ffffff|1px 0px}};{{#if:{{{19|}}}||display:none;}}"|{{{19}}}
 +
|style="padding: 6px; border: solid #a7d7f9; border-width: 0px 1px {{#ifeq:{{{1}}}|19|0px 0px; background: #ffffff|1px 0px}};{{#if:{{{20|}}}||display:none;}}"|{{{20}}}
 +
|style="padding: 6px; border: solid #a7d7f9; border-width: 0px 1px {{#ifeq:{{{1}}}|20|0px 0px; background: #ffffff|1px 0px}};{{#if:{{{21|}}}||display:none;}}"|{{{21}}}
 
|style="width:100%; background-image: linear-gradient(to bottom, #ffffff 0%, #f6f6f6 100%); border-bottom: 1px solid #a7d7f9 "|
 
|style="width:100%; background-image: linear-gradient(to bottom, #ffffff 0%, #f6f6f6 100%); border-bottom: 1px solid #a7d7f9 "|
 
|}
 
|}
 +
</div>
 
<div style="max-width:100%"><div style="width: 100%; width: inherit;"><div style="overflow-y: hidden; overflow-x: hidden; width: 100%; width: inherit;"></div></div></div></includeonly><noinclude>
 
<div style="max-width:100%"><div style="width: 100%; width: inherit;"><div style="overflow-y: hidden; overflow-x: hidden; width: 100%; width: inherit;"></div></div></div></includeonly><noinclude>
  
Zeile 14: Zeile 31:
 
Diese Vorlage fügt eine horizontale Tab-Leiste ein. So können mehrere miteinander verknüpfte Seiten einheitlich aufeinander verlinken. Es können bis zu sechs Tabs definiert werden, mindestens zwei müssen es aber zwingend sein (sonst hätte die Tableiste auch wenig Sinn). Die Verwendung erfolgt sinnvollerweise ganz oben auf den entsprechenden Seiten.
 
Diese Vorlage fügt eine horizontale Tab-Leiste ein. So können mehrere miteinander verknüpfte Seiten einheitlich aufeinander verlinken. Es können bis zu sechs Tabs definiert werden, mindestens zwei müssen es aber zwingend sein (sonst hätte die Tableiste auch wenig Sinn). Die Verwendung erfolgt sinnvollerweise ganz oben auf den entsprechenden Seiten.
  
== Verwendung ==
+
== Kopiervorlage ==
Der erste Parameter gibt an, welcher Tab gerade „aktiv“ sein soll, sodass dieser anders eingefärbt und so hervorgehoben wird. Dies ist also immer der Tab, der auf die gerade aktuelle Seite verlinkt. Dabei wird die Nummer des entsprechenden Tabs einfach als Parameter übergeben.
+
Kurze Schreibweise (Weitere Tabs können durch | ergänzt werden):
 +
<pre>
 +
{{Tabs|1||||||}}
 +
</pre>
  
Alle folgenden Parameter (bis zum siebten, weitere sind nicht nutzbar) geben den tatsächlichen Inhalt der Tabs an, also z.B. die Links.
+
Lange Schreibweise:
 +
<pre>{{Tabs
 +
|1
 +
|
 +
|
 +
|
 +
|
 +
|
 +
|
 +
|
 +
|
 +
|
 +
|
 +
|        <! Beginn der 2. Guppe >
 +
|
 +
|
 +
|
 +
|
 +
|
 +
|
 +
|
 +
|
 +
|
 +
|}}</pre>
  
=== Beispiel ===
+
=== Verwendung ===
 +
Der erste Parameter (nur ganze Zahlen von 1-20) gibt an, welcher Tab gerade „aktiv“ sein soll, sodass dieser anders eingefärbt und so hervorgehoben wird. Dies ist also immer der Tab, der auf die gerade aktuelle Seite verlinkt. Dabei wird die Nummer des entsprechenden Tabs einfach als Parameter übergeben. Die Zahlen 1-10 gelten für die Tabs vor der Trennung, die Zahlen 11-20 für die Tabs nach der Trennung (Siehe Beispiele weiter unten)
 +
 
 +
Alle folgenden Parameter geben den tatsächlichen Inhalt der Tabs an, also z.B. die Links. Nach den ersten 10 Tabs wird automatisch eine Trennung eingefügt, nachder nochmal 10 Tabs möglich sind. Es ist nicht notwendig alle Parameter zu beschriften. In diesem Fall erscheinen auch die Tabs nicht. So ist es z.B. Möglich die Tabs in Gruppen von 3 und 5 zu gruppieren. (Siehe Beispiel weiter unten)
 +
 
 +
=== Beispiel 1 ===
 
Das folgende Beispiel lässt drei Tabs erscheinen, die auf die drei Hilfe-Seiten verlinken. Der zweite, also der für [[FAQ]], ist „aktiv“, d. h. diese Verwendung würde im Artikel zu [[FAQ]] stattfinden.
 
Das folgende Beispiel lässt drei Tabs erscheinen, die auf die drei Hilfe-Seiten verlinken. Der zweite, also der für [[FAQ]], ist „aktiv“, d. h. diese Verwendung würde im Artikel zu [[FAQ]] stattfinden.
 
<pre>{{Tabs|2|[[Tutorial]]|[[FAQ]]|[[Leitstellenbaukasten]]}}</pre>
 
<pre>{{Tabs|2|[[Tutorial]]|[[FAQ]]|[[Leitstellenbaukasten]]}}</pre>
 
wird zu:
 
wird zu:
{| cellpadding="0" cellspacing="0" width="100%" style="text-align: center; table-layout: fixed;"
+
{{Tabs|2|[[Tutorial]]|[[FAQ]]|[[Leitstellenbaukasten]]}}
!style="background:#F3F3FF; border:solid 1px #E7E7E7; border-bottom:1;"|[[Tutorial]]
 
!style="background:none; border-bottom:solid 1px #E7E7E7; width: 3px;"|&nbsp;
 
!style="background:#E7E7E7; border:solid 1px #E7E7E7; border-bottom:0;"|[[FAQ]]
 
!style="background:none; border-bottom:solid 1px #E7E7E7; width: 3px;"|&nbsp;
 
!style="background:#F3F3FF; border:solid 1px #E7E7E7; border-bottom:1;"|[[Leitstellenbaukasten]]
 
|}
 
 
<div style="max-width:100%"><div style="width: 100%; width: inherit;"><div style="overflow-y: hidden; overflow-x: hidden; width: 100%; width: inherit;"></div></div></div>
 
<div style="max-width:100%"><div style="width: 100%; width: inherit;"><div style="overflow-y: hidden; overflow-x: hidden; width: 100%; width: inherit;"></div></div></div>
 +
 +
=== Beispiel 2 ===
 +
Das folgende Beispiel zeigt die Möglichkeit der Gruppierung der Tabs
 +
<pre>{{Tabs
 +
|1
 +
|'''Einsatzstichworte Bayern'''
 +
|[[Einsatzstichworte/Bayern/Infekt|Infekt]]
 +
|[[Einsatzstichworte/Bayern/Interhospitaltransporte|Interhospitaltransporte]]
 +
|
 +
|
 +
|
 +
|
 +
|
 +
|
 +
|
 +
|[[ILS Bamberg]]
 +
|[[ILS Bayreuth]]
 +
|[[ILS Coburg]]
 +
|[[ILS Erding]]
 +
|[[ILS Untermain]]
 +
|[[ILS Würzburg]]
 +
|
 +
|
 +
|
 +
|
 +
|}}</pre>
 +
wird zu:
 +
{{Tabs
 +
|1
 +
|'''Einsatzstichworte Bayern'''
 +
|[[Einsatzstichworte/Bayern/Infekt|Infekt]]
 +
|[[Einsatzstichworte/Bayern/Interhospitaltransporte|Interhospitaltransporte]]
 +
|
 +
|
 +
|
 +
|
 +
|
 +
|
 +
|
 +
|[[ILS Bamberg]]
 +
|[[ILS Bayreuth]]
 +
|[[ILS Coburg]]
 +
|[[ILS Erding]]
 +
|[[ILS Untermain]]
 +
|[[ILS Würzburg]]
 +
|
 +
|
 +
|
 +
|
 +
|}}
 +
  
 
{{Vorlage:QuelleSGW}}
 
{{Vorlage:QuelleSGW}}
 
</noinclude>
 
</noinclude>

Aktuelle Version vom 18. Juni 2020, 19:13 Uhr


Beschreibung

Diese Vorlage fügt eine horizontale Tab-Leiste ein. So können mehrere miteinander verknüpfte Seiten einheitlich aufeinander verlinken. Es können bis zu sechs Tabs definiert werden, mindestens zwei müssen es aber zwingend sein (sonst hätte die Tableiste auch wenig Sinn). Die Verwendung erfolgt sinnvollerweise ganz oben auf den entsprechenden Seiten.

Kopiervorlage

Kurze Schreibweise (Weitere Tabs können durch | ergänzt werden):

{{Tabs|1||||||}}

Lange Schreibweise:

{{Tabs
|1
| 
| 
| 
| 
| 
| 
| 
| 
| 
| 
|        <! Beginn der 2. Guppe >
| 
| 
| 
| 
| 
| 
| 
| 
| 
|}}

Verwendung

Der erste Parameter (nur ganze Zahlen von 1-20) gibt an, welcher Tab gerade „aktiv“ sein soll, sodass dieser anders eingefärbt und so hervorgehoben wird. Dies ist also immer der Tab, der auf die gerade aktuelle Seite verlinkt. Dabei wird die Nummer des entsprechenden Tabs einfach als Parameter übergeben. Die Zahlen 1-10 gelten für die Tabs vor der Trennung, die Zahlen 11-20 für die Tabs nach der Trennung (Siehe Beispiele weiter unten)

Alle folgenden Parameter geben den tatsächlichen Inhalt der Tabs an, also z.B. die Links. Nach den ersten 10 Tabs wird automatisch eine Trennung eingefügt, nachder nochmal 10 Tabs möglich sind. Es ist nicht notwendig alle Parameter zu beschriften. In diesem Fall erscheinen auch die Tabs nicht. So ist es z.B. Möglich die Tabs in Gruppen von 3 und 5 zu gruppieren. (Siehe Beispiel weiter unten)

Beispiel 1

Das folgende Beispiel lässt drei Tabs erscheinen, die auf die drei Hilfe-Seiten verlinken. Der zweite, also der für FAQ, ist „aktiv“, d. h. diese Verwendung würde im Artikel zu FAQ stattfinden.

{{Tabs|2|[[Tutorial]]|[[FAQ]]|[[Leitstellenbaukasten]]}}

wird zu:

Tutorial FAQ Leitstellenbaukasten {{{5}}} {{{6}}} {{{7}}} {{{8}}} {{{9}}} {{{10}}} {{{11}}} {{{12}}} {{{13}}} {{{14}}} {{{15}}} {{{16}}} {{{17}}} {{{18}}} {{{19}}} {{{20}}} {{{21}}}

Beispiel 2

Das folgende Beispiel zeigt die Möglichkeit der Gruppierung der Tabs

{{Tabs
|1
|'''Einsatzstichworte Bayern'''
|[[Einsatzstichworte/Bayern/Infekt|Infekt]]
|[[Einsatzstichworte/Bayern/Interhospitaltransporte|Interhospitaltransporte]]
|
|
|
|
|
|
|
|[[ILS Bamberg]]
|[[ILS Bayreuth]]
|[[ILS Coburg]]
|[[ILS Erding]]
|[[ILS Untermain]]
|[[ILS Würzburg]]
|
|
|
|
|}}

wird zu:

Einsatzstichworte Bayern Infekt Interhospitaltransporte ILS Bamberg ILS Bayreuth ILS Coburg ILS Erding ILS Untermain ILS Würzburg


Diese Seite oder Teile dieser Seite stammen aus dem Stargate Wiki und dürfen im Rahmen der Creative Commons License im LstSim.de-Wiki verwendet werden. Weitere Informationen dazu findet man hier.