Diese Registerkartenvorlage kommt ohne eine if-Klausel oder eine switch-Anweisung aus. Sie funktioniert auch in MediaWiki-Umgebungen, die Extension ParserFunctions nicht unterstützen.
Die Funktionsweise inkl. Beispielcode (zur Anzeige klicke rechts auf „Ausklappen“)
|
Vorlage:TabMenu ist ein Wrapper, der zwei Aufgaben erfüllt:
- Er wertet die Parameter „Position“ und „Mode“ aus und leitet den Aufruf an die passende Vorlage weiter.
- Alle möglichen Parameter erhalten hier einen Standardwert, wenn der Vorlage kein anderer Wert übergeben wurde.
Hier der Source-Code:
{{TabMenu/{{{Position|Global}}}/{{{Mode}}}
| Name={{{Name|no_name}}}
| TabWidth={{{TabWidth|1}}} | TabSpace={{{TabSpace|3}}} | TabHeight={{{TabHeight|25}}} | AdjustRight={{{AdjustRight|0}}}
| PaStyleAdd=background:#{{{PaBgColor|C1CDCD}}};font-family:{{{PaFont|Arial}}};font-weight:{{{PaFontWeight|normal}}};
| ActStyleAdd=background:#{{{ActBgColor|FFFFFF}}};font-family:{{{ActFont|Arial}}};font-weight:{{{ActFontWeight|bold}}};
| ActBgColor={{{ActBgColor|FFFFFF}}}
| Shadow={{{Shadow|On}}} | Rotate={{{Rotate|0}}}
| FrameAlign={{{FrameAlign|center}}} | FrameWidth={{{FrameWidth|100%}}}
| Margin={{{Margin|5px}}} | Padding={{{Padding|10px}}} | Move={{{Move|0px,0px}}} }}
In dem Beispiel aus dem Kapitel Konzept und praktische Anwendung steht der folgende vereinfachte Code unter der fiktiven Benutzerseite Benutzer:DeinBenutzername/Artikel . Das Menü soll dort die Artikel auflisten, die der Benutzer erstellt hat und/oder pflegt:
┌───────────────────────────────────────────────────────────────────────────────────────────────────────────┐
│ Code auf der Benutzerseite (Benutzer:DeinBenutzername/Artikel) │
├───────────────────────────────────────────────────────────────────────────────────────────────────────────┤
○ ┌───────────────────────────────────────────────────────────────────────────────────────────────────────┐ ○
│ │ <!-- BEGIN TABS --> {{Benutzer:DeinBenutzername/MyTabMenu | Tab2=Active | BgColor=FFFFFF }} │ │
○ └───────────────────────────────────────────────────────────────────────────────────────────────┬───────┘ ○
│ Inhalt der innerhalb des Tab-Rahmens angezeigt werden soll, z.B. eine Liste der Artikel ... │ │
○ ┌─────────────────────────────────────────────────────┐ │ ○
│ │ <!-- END OF TABS --> {{TabMenu | Mode=EndTabMenu }} │ │ │
○ └─────────────────────────┬───────────────────────────┘ │ ○
└ ○ ─ ○ ─ ○ ─ ○ ─ ○ ─ ○ ─ ○ │ ○ ─ ○ ─ ○ ─ ○ ─ ○ ─ ○ ─ ○ ─ ○ ─ ○ ─ ○ ─ ○ ─ ○ ─ ○ ─ ○ ─ ○ ─ ○ ─ ○ ─ │ ─ ○ ─ ○ ┘
│ │
┌────────────────────────────────────┘ │
│ │
│ ┌─────────────────────────────────────────────────────────────────────────────────────────────────┴─────────┐
│ │ Die Vorlage Benutzer:DeinBenutzername/MyTabMenu enthält den folgenden Code: │
│ ├───────────────────────────────────────────────────────────────────────────────────────────────────────────┤
│ ○ ┌───────────────────────────────────────────────────────────────────────────────────────────────────────┐ ○
│ │ │ {{TabMenu | Mode=BeginTemplate | Position={{{Position|Top}}} }} │ │
│ ○ └─┬─────────────────────────────────────────────────────────────────────────────────────────────────────┘ ○
│ │ │ ┌───────────────────────────────────────────────────────────────────────────────────────────────────┐ │
│ ○ │ │ {{TabMenu | Mode={{{Tab1|Passive}}}FirstLBTab | Position={{{Position|Top}}} | PaBgColor=CAE1FF │ ○
│ │ │ │ | ActBgColor={{{BgColor}}} | Name=[[Benutzer:DeinBenutzername|Benutzer]] }} │ │
│ ○ │ └─┬─────────────────────────────────────────────────────────────────────────────────────────────────┘ ○
│ │ │ │ ┌───────────────────────────────────────────────────────────────────────────────────────────────┐ │
│ ○ │ │ │ {{TabMenu | Mode={{{Tab2|Passive}}}LastLMTab | Position={{{Position|Top}}} | PaBgColor=B4EEB4 │ ○
│ │ │ │ │ | ActBgColor={{{BgColor}}} | Name=[[Benutzer:DeinBenutzername/Artikel|Artikel]] }} │ │
│ ○ │ │ └─┬─────────────────────────────────────────────────────────────────────────────────────────────┘ ○
│ │ │ │ │ ┌───────────────────────────────────────────────────────────────────────────────────────────┐ │
│ ○ │ │ │ │ {{TabMenu | Mode=EndTemplate | Position={{{Position|Top}}} | ActBgColor={{{BgColor}}} }} │ ○
│ │ │ │ │ └─┬─────────────────────────────────────────────────────────────────────────────────────────┘ │
│ ○ ─ │ ─ │ ─ │ ─ │ ─ ○ ─ ○ ─ ○ ─ ○ ─ ○ ─ ○ ─ ○ ─ ○ ─ ○ ─ ○ ─ ○ ─ ○ ─ ○ ─ ○ ─ ○ ─ ○ ─ ○ ─ ○ ─ ○ ─ ○ ─ ○ ─ ○ ─ ○
│ │ │ │ │
│ │ │ │ │
│ │ │ │ └──────────────────────────────────────────────────────────────────────────────────────────────────────────┐
│ │ │ └─────────────────────────────────────────────────────────────────────────────────────────────────────────┐ │
│ │ └────────────────────────────────────────────────────────────────────────────────────────────────────────┐ │ │
│ │ │ │ │
│ │ │ │ │
│ ┌───┴───────────────────────────────────────────────────────────────────────────────────────────────────────┐ │ │ │
│ │ TabMenu ruft Vorlage:TabMenu/Top/BeginTemplate auf │ │ │ │
│ ├───────────────────────────────────────────────────────────────────────────────────────────────────────────┤ │ │ │
│ │ Es wird ein doppelter transparenter Rahmen angelegt, der sich um sämtliche Objekte innerhalb des TabMenüs │ │ │ │
│ │ legt. Er dient dazu, globale Einstellungen vornehmen zu können, die sich auf alle Onjekte auswirken, wie │ │ │ │
│ │ die TabMenü-Breite, die Rotation, etc. │ │ │ │
│ │ Der Rahmen ist doppelt, weil sich über diesen Weg zwei Transforms-Anweisungen in Kombination verwenden │ │ │ │
│ │ lassen (hier Rotate und Move(=translate)) und weil auch weitere kleinere technische Herausforderungen da- │ │ │ │
│ │ mit gelöst werden konnten. │ │ │ │
│ │ Danach wird innerhalb dieser Vorlage das erste Objekt angelegt, eine Tabelle, die die obere Zeile, die │ │ │ │
│ │ Registerkarten (Tabs) zeichnen soll. Jeder Tab wird durch je eine Spalte dieser Tabelle definiert. Das │ │ │ │
│ │ passiert jedoch nicht innerhalb dieser Vorlage; die Definition der Tabs wird vielmehr durch die folgenden │ │ │ │
│ │ beiden Vorlagen vorgenommen. Diese Vorlagen machen also nichts anderes, als die Spalten der hier geöffne- │ │ │ │
│ │ ten Tabelle zu füllen. │ │ │ │
│ └───────────────────────────────────────────────────────────────────────────────────────────────────────────┘ │ │ │
│ │ │ │
│ ┌───────────────────────────────────────────────────────────────────────────────────────────────────────────┐ │ │ │
│ │ TabMenu ruft Vorlage:TabMenu/Top/PassiveFirstLBTab auf und übergibt ihr die obigen Parameter ├────┘ │ │
│ ├───────────────────────────────────────────────────────────────────────────────────────────────────────────┤ │ │
│ │ Diese Vorlage definiert den ersten Tab. In dem Code-Beispiel von oben ist das der Tab "Benutzer": │ │ │
│ │ ┌─────────────────────────────────────────────────────────────────────────────────────────┘ │ │
│ ├ ─ ─ ─ ─ ─ ─ ─ ─ ┤ ┌─────────────────────────────────────────────────────────────────────────────────────┐ │ │
│ │ ┌──────────┐ │ │ ┌─────────┐ │ │ │
│ │ │ Benutzer │ │ │ │ Artikel │ │ │ │
│ │ ┌─┴──────────┴───────┘ └──────────────────────────────────────────────────────────────────────┐ │ │ │
│ │ │ │ │ │ │
│ └─────────────────┘ ├ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ┤ │ │
│ ┌─────────────────────┘ │ │ │
│ │ TabMenu ruft Vorlage:TabMenu/Top/ActiveLastLMTab auf und übergibt ihr die obigen Parameter ├─────────┘ │
│ ├───────────────────────────────────────────────────────────────────────────────────────────────────────────┤ │
│ │ Diese Vorlage definiert den zweiten Tab. In dem Code-Beispiel von oben ist das der Tab "Artikel". Es wird │ │
│ │ hier die Vorlage .../Active... und nicht .../Passive... verwendet, weil im Code ganz oben beim Aufruf des │ │
│ │ Menüs Tab2 auf Active gesetzt wurde in Form von {{Benutzer:DeinBenutzername/MyTabMenu | Tab2=Active ...}}.│ │
│ │ Das wiederum bewirkt, dass der zweite Tab als aktiver ("angeklickter") Tab definiert wird, wobei er als │ │
│ │ letzter Tab das Menü linksbündig abschließt (gemäß ...LastLMTab). │ │
│ └───────────────────────────────────────────────────────────────────────────────────────────────────────────┘ │
│ │
│ ┌───────────────────────────────────────────────────────────────────────────────────────────────────────────┐ │
│ │ TabMenu ruft Vorlage:TabMenu/Top/EndTemplate auf und übergibt ihr die obigen Parameter ├──────────────┘
│ ├───────────────────────────────────────────────────────────────────────────────────────────────────────────┤
│ │ Es wird die Tabelle für die Tabs geschlossen. Die Tabs werden somit jetzt gezeichnet. │
│ │ Danach wird unmittelbar darunter eine neue Tabelle geöffnet, die am Rand links und rechts einen Rahmen │
│ │ zeichnet. Die Tabelle wird erst in der nächsten Vorlage (EndTabMenu) geschlossen, sodass sämtlicher da- │
│ │ zwischen liegender Inhalt (der Seiteninhalt) von diesem Rahmen umgeben ist. │
│ └───────────────────────────────────────────────────────────────────────────────────────────────────────────┘
│
│ Es wird nun der Inhalt geschrieben, der innerhalb des Tab-Rahmens angezeigt werden soll, z.B. eine Liste der Artikel ...
│
│ ┌───────────────────────────────────────────────────────────────────────────────────────────────────────────┐
└────────┤ TabMenu ruft Vorlage:TabMenu/Global/EndTabMenu auf │
├───────────────────────────────────────────────────────────────────────────────────────────────────────────┤
│ Die Tabelle für den Seiteninhalt wird geschlossen. │
│ Es wird eine neue Tabelle geöffnet, die den abschließenden unteren Strich zeichnet. Diese Tabelle wird │
│ nun wieder geschlossen. │
│ Abschließend wird der doppelte transparente Rahmen aus BeginTemplate geschlossen, der die globalen Ein- │
│ stellungen vornimmt (wie die Breite des TabMenüs, die Rotation, etc). │
└───────────────────────────────────────────────────────────────────────────────────────────────────────────┘
Es wird nun der Inhalt geschrieben, der innerhalb des Tab-Rahmens angezeigt werden soll, z.B. eine Liste der Artikel ...
|
|
Hinweis: Zeilenumbrüche im style-Feld sind innerhalb von Tabellen nicht erlaubt. Da die Anweisungen darin zum Teil sehr zahlreich sind, sind sie zur besseren Lesbarkeit des Codes jedoch notwendig. Der folgende Code ist also nicht lauffähig. Er funktioniert erst, wenn die Zeilenumbrüche wieder entfernt werden.
In dem Kapitel „Die Ausgabe auf der Benutzerseite“ befindet sich ein lauffähiger Code. Wenn es nur darum geht, die Funktionsweise zu verstehen, ist der folgende Code der richtige; abgesehen von der Formatierung unterscheidet er sich nicht von dem lauffähigen Code.
<!--
┌───────────────────────────────────────────────────────────────────────────────────────────────────────────┐
│ Code der aus Vorlage:TabMenu/Top/BeginTemplate heraus erzeugt wird: │
└───────────────────────────────────────────────────────────────────────────────────────────────────────────┘
Den ersten globalen Rahmen anlegen: -->
<div align="{{{FrameAlign|center}}}" style="
padding: 0;
/* Die Vorlage {{TabMenu/Global/Rotate | Rotate={{{Rotate|0}}} }} aufgeschlüsselt: */
transform: rotate({{{Rotate|0}}}deg);
/* Die Vorlage {{TabMenu/Global/FirstMargin_{{{FrameAlign|center}}} | Margin={{{Margin|5px}}} }} aufgeschlüsselt: */
margin: {{{Margin|5px}}};
">
<!-- Den zweiten globalen Rahmen anlegen: -->
{| align="{{{FrameAlign|center}}}" width="{{{FrameWidth|100%}}}" style="
padding: 0;
/* Die Vorlage {{TabMenu/Global/Move | Move={{{Move|0px,0px}}} }} aufgeschlüsselt: */
transform: translate({{{Move|0px,0px}}});
/* Die Vorlage {{TabMenu/Global/SecondMargin_{{{FrameAlign|center}}} | Margin={{{Margin|5px}}} }} aufgeschlüsselt: */
margin: 0;
"
|-
|
<!-- Die Tabelle für die Tabs öffnen: -->
{| width="100%" cellspacing="0" cellpadding="1"
<!--
┌───────────────────────────────────────────────────────────────────────────────────────────────────────────┐
│ Code der aus Vorlage:TabMenu/Top/PassiveFirstLBTab heraus erzeugt wird: │
└───────────────────────────────────────────────────────────────────────────────────────────────────────────┘
Die erste Spalte (=den ersten Tab) der obigen Tabelle füllen: Schritt 1 = den führenden Unterstrich definieren... -->
| width="{{{TabSpace|3}}}" style="
border-bottom: 1px solid;
" |
<!-- ...Schritt 2 = den (hier passiven) Tab definieren -->
| width="{{{TabWidth|1}}}" height="{{{TabHeight|25}}}" style="
padding: 0 1em;
border: 1px solid;
border-radius: 6px 6px 0 0;
text-align:center;
/* Der Parameter {{{PaStyleAdd}}} aufgeschlüsselt: */
background: #{{{PaBgColor|C1CDCD}}}; color:#202122;
font-family: {{{PaFont|Arial}}};
font-weight: {{{PaFontWeight|normal}}};
" | [[Benutzer:DeinBenutzername|Benutzer]]
<!--
┌───────────────────────────────────────────────────────────────────────────────────────────────────────────┐
│ Code der aus Vorlage:TabMenu/Top/ActiveLastLMTab heraus erzeugt wird: │
└───────────────────────────────────────────────────────────────────────────────────────────────────────────┘
Die zweite Spalte (=den zweiten Tab) der obigen Tabelle füllen: Schritt 1 = den führenden Unterstrich definieren... -->
| width="{{{TabSpace|3}}}" style="
border-bottom:1px solid;
" |
<!-- ...Schritt 2 = den (hier aktiven) Tab definieren -->
| width="{{{TabWidth|1}}}" height="{{{TabHeight|25}}}" style="
padding: 0 1em;
border-left: 1px solid;
border-top: 1px solid;
border-right: 1px solid;
border-radius: 6px 6px 0 0;
text-align:center;
/* Der Parameter {{{ActStyleAdd}}} aufgeschlüsselt: */
background: #{{{ActBgColor|FFFFFF}}}; color:#202122;
font-family: {{{ActFont|Arial}}};
font-weight: {{{ActFontWeight|bold}}};
" | [[Benutzer:DeinBenutzername/Artikel|Artikel]]
<!-- Es wird nun der abschließende Unterstrich für die Tab-Linksverschiebung gezeichnet: -->
| width="{{{AdjustRight|0}}}" style="border-bottom:1px solid;" |
<!--
┌───────────────────────────────────────────────────────────────────────────────────────────────────────────┐
│ Code der aus Vorlage:TabMenu/Top/EndTemplate heraus erzeugt wird: │
└───────────────────────────────────────────────────────────────────────────────────────────────────────────┘
Die obige (Tab-)Tabelle schießen (=Tabs jetzt zeichnen)... -->
|}
<!-- ...und direkt darunter eine Tabelle für den Seiteninhalt öffnen, mit sichtbarem Rahmen links und rechts: -->
{| width="100%" cellspacing="5" style="
background:#{{{ActBgColor|FFFFFF}}}; color:#202122;
border-left: 1px solid;
border-right: 1px solid;
padding:{{{Padding|10px}}};
/* Die Vorlage {{TabMenu/Global/Shadow{{{Shadow|On}}} }} aufgeschlüsselt: */
box-shadow: 0 0 16px #808080;
"
|
Es wird nun der Inhalt geschrieben, der innerhalb des Tab-Rahmens angezeigt werden soll, z.B. eine Liste der Artikel ...
<!--
┌───────────────────────────────────────────────────────────────────────────────────────────────────────────┐
│ Code der aus Vorlage:TabMenu/Global/EndTabMenu heraus erzeugt wird: │
└───────────────────────────────────────────────────────────────────────────────────────────────────────────┘
Die Tabelle für den Seiteninhalt nun schließen... -->
|}
<!-- ...und den abschließenden unteren Strich zeichnen: -->
{|width="100%" style="
border-top: 1px solid;
"
|}
<!-- Abschließend den globalen doppelten Rahmen schließen: -->
|}
</div>
|
Subtemplates
|
Um das TabMenü in einer anderen Wiki-Umgebung nutzen zu können, müssen die folgenden Unterseiten der Vorlage dorthin kopiert werden:
|
Wrapper:
|
Vorlage:TabMenu |
Wertet die Parameter „Position“ und „Mode“ aus und leitet dann den Aufruf an die passende Vorlage weiter.
|
Teilvorlagen, Ausrichtung „Tabs oben“:
|
Vorlage:TabMenu/Top/BeginTemplate |
Leistet die Vorarbeiten für „Tabs oben“. Setzt seit Version 2.x auch Rotate und Move um.
|
Vorlage:TabMenu/Top/EndTemplate |
Schließt die Definitionen der Tabs ab und erstellt die Umgebung für den Seiteninhalt unterhalb des TabMenüs. Setzt seit Version 2.x auch Shadow um.
|
Vorlage:TabMenu/Top/Active |
Definiert die Darstellung eines aktiven (angeklickten) Tabs.
|
Vorlage:TabMenu/Top/Passive |
Definiert die Darstellung eines passiven Tabs.
|
Vorlage:TabMenu/Top/ActiveFirstLBTab |
Definiert die Darstellung des ersten Tabs als aktiven (angeklickten) Tab, wenn sämtliche Tabs links oder als Block ausgerichtet sein sollen. Bei einem mittig oder rechts ausgerichteten TabMenü entfällt der FirstLBTab-Zusatz.
|
Vorlage:TabMenu/Top/PassiveFirstLBTab |
Definiert die Darstellung des ersten Tabs als passiven Tab, wenn sämtliche Tabs links oder als Block ausgerichtet sein sollen. Bei einem mittig oder rechts ausgerichteten TabMenü entfällt der FirstLBTab-Zusatz.
|
Vorlage:TabMenu/Top/ActiveLastRBTab |
Definiert die Darstellung des letzten Tabs als aktiven (angeklickten) Tab, wenn sämtliche Tabs rechts oder als Block ausgerichtet sein sollen.
|
Vorlage:TabMenu/Top/PassiveLastRBTab |
Definiert die Darstellung des letzten Tabs als pasiven Tab, wenn sämtliche Tabs rechts oder als Block ausgerichtet sein sollen.
|
Vorlage:TabMenu/Top/ActiveLastLMTab |
Definiert die Darstellung des letzten Tabs als aktiven (angeklickten) Tab, wenn sämtliche Tabs links oder mittig ausgerichtet sein sollen.
|
Vorlage:TabMenu/Top/PassiveLastLMTab |
Definiert die Darstellung des letzten Tabs als passiven Tab, wenn sämtliche Tabs links oder mittig ausgerichtet sein sollen.
|
Vorlage:TabMenu/Top/FinishMenu |
Wird als Abschluss benötigt, wenn nur ein einziger Tab links oder mittig verwendet werden soll - siehe unter den Dokumentationsseiten die Beispielvorlagen 1L und 1C.
|
Teilvorlagen, Ausrichtung „Tabs unten“:
|
Vorlage:TabMenu/Bottom/BeginTemplate |
Wird unter dem Seiteninhalt nach einem „Tabs oben“-Menü oder nach Vorlage:TabMenu/Global/BeginTabMenu aufgerufen und bereitet die Definitionen der unteren Tabs vor.
|
Vorlage:TabMenu/Bottom/EndTemplate |
Schließt die unteren Tabs und damit das komplette TabMenü ab.
|
Vorlage:TabMenu/Bottom/Active |
Definiert die Darstellung eines aktiven (angeklickten) Tabs.
|
Vorlage:TabMenu/Bottom/Passive |
Definiert die Darstellung eines passiven Tabs.
|
├─► Vorlage:TabMenu/Bottom/AddPaTopBorderShadowOn |
Ist Parameter Shadow=On, wird in Bottom/Passiv der obere Tab-Strich im Modus groove 2px gezeichnet.
|
└─► Vorlage:TabMenu/Bottom/AddPaTopBorderShadowOff |
Ist Parameter Shadow=Off, wird in Bottom/Passiv der obere Tab-Strich im Modus solid 1px gezeichnet.
|
Vorlage:TabMenu/Bottom/ActiveFirstLBTab |
Definiert die Darstellung des ersten Tabs als aktiven (angeklickten) Tab, wenn sämtliche Tabs links oder als Block ausgerichtet sein sollen. Bei einem mittig oder rechts ausgerichteten TabMenü entfällt der FirstLBTab-Zusatz.
|
Vorlage:TabMenu/Bottom/PassiveFirstLBTab |
Definiert die Darstellung des ersten Tabs als passiven Tab, wenn sämtliche Tabs links oder als Block ausgerichtet sein sollen. Bei einem mittig oder rechts ausgerichteten TabMenü entfällt der FirstLBTab-Zusatz.
|
Vorlage:TabMenu/Bottom/ActiveLastRBTab |
Definiert die Darstellung des letzten Tabs als aktiven (angeklickten) Tab, wenn sämtliche Tabs rechts oder als Block ausgerichtet sein sollen.
|
Vorlage:TabMenu/Bottom/PassiveLastRBTab |
Definiert die Darstellung des letzten Tabs als pasiven Tab, wenn sämtliche Tabs rechts oder als Block ausgerichtet sein sollen.
|
Vorlage:TabMenu/Bottom/ActiveLastLMTab |
Definiert die Darstellung des letzten Tabs als aktiven (angeklickten) Tab, wenn sämtliche Tabs links oder mittig ausgerichtet sein sollen.
|
Vorlage:TabMenu/Bottom/PassiveLastLMTab |
Definiert die Darstellung des letzten Tabs als passiven Tab, wenn sämtliche Tabs links oder mittig ausgerichtet sein sollen.
|
Vorlage:TabMenu/Bottom/FinishMenu |
Wird als Abschluss benötigt, wenn nur ein einziger Tab links oder mittig verwendet werden soll - siehe unter den Dokumentationsseiten die Beispielvorlagen 1L und 1C.
|
Globale TabMenü-Vorlagen:
|
Vorlage:TabMenu/Global/BeginTabMenu |
Leistet die Vorarbeiten für „Tabs unten“, wenn diese mit keinem „Tabs oben“-Menü kombiniert werden sollen. Setzt seit Version 2.x auch Shadow und Rotate sowie Move um.
|
├─► Vorlage:TabMenu/Global/ShadowOn |
Ist Parameter Shadow=On, setzt diese Vorlage die Abbildung des Schattens um (CodeInjection per style="... {{Shadow{{{On}}}}} ..."); wird in „Vorlage:TabMenu/Top/EndTemplate“ und „Vorlage:TabMenu/Global/BeginTabMenu“ verwendet.
|
├─► Vorlage:TabMenu/Global/ShadowOff |
Ist Parameter Shadow=Off, wird diese leere Vorlage verwendet, statt „Vorlage:TabMenu/Global/ShadowOn“.
|
|
|
├─► Vorlage:TabMenu/Global/Rotate |
Zentrale Stelle für den Rotate-Code, um die Rotation des TabMenüs umzusetzen; wird in „Vorlage:TabMenu/Top/BeginTemplate“ und „Vorlage:TabMenu/Global/BeginTabMenu“ verwendet.
|
|
|
├─► Vorlage:TabMenu/Global/Move |
Zentrale Stelle für den Move-Code, um das TabMenü in seiner Position zu verschieben; wird in „Vorlage:TabMenu/Top/BeginTemplate“ und „Vorlage:TabMenu/Global/BeginTabMenu“ verwendet.
|
|
|
├─► Vorlage:TabMenu/Global/FirstMargin_center |
Wird in „Vorlage:TabMenu/Top/BeginTemplate“ und „Vorlage:TabMenu/Global/BeginTabMenu“ genutzt. Darin wird ein doppelter transparenter Rahmen angelegt, der sich um sämtliche Objekte innerhalb des TabMenüs legt. Er dient dazu, globale Einstellungen vornehmen zu können, die sich auf alle Onjekte auswirken, wie die TabMenü-Breite, die Rotation, etc. Wenn FrameAlign=center, dann wird Margin im ersten Rahmen (div-Block) umgesetzt, sonst innerhalb des zweiten Rahmens (der Gesamttabelle), da es sonst Fehler in der Darstellung gibt. Diese und die fünf folgenden Vorlagen dienen dazu, das gewünschte Verhalten umzusetzen.
|
├─► Vorlage:TabMenu/Global/FirstMargin_left |
Siehe „Vorlage:TabMenu/Global/FirstMargin_center“.
|
├─► Vorlage:TabMenu/Global/FirstMargin_right |
Siehe „Vorlage:TabMenu/Global/FirstMargin_center“.
|
├─► Vorlage:TabMenu/Global/SecondMargin_center |
Siehe „Vorlage:TabMenu/Global/FirstMargin_center“.
|
├─► Vorlage:TabMenu/Global/SecondMargin_left |
Siehe „Vorlage:TabMenu/Global/FirstMargin_center“.
|
└─► Vorlage:TabMenu/Global/SecondMargin_right |
Siehe „Vorlage:TabMenu/Global/FirstMargin_center“.
|
Vorlage:TabMenu/Global/EndTabMenu |
Schließt ein „Tabs oben“-Menü ab, wenn es mit keinem „Tabs unten“-Menü kombiniert werden soll.
|
Werkzeuge:
|
Vorlage:TabMenu/Tools/LinkView |
Gibt eine Zeile aus mit Links auf die eigenen TabMenüs in Form von „Link zum TabMenü: [oben], [unten], [TabMenü-Hilfe]“.
|
|
|
Vorlage:TabMenu/Tools/ShowOffBegin |
Wird von der Vorlage LinkView verwendet, um einen Eintrag auszublenden.
|
Vorlage:TabMenu/Tools/ShowOffEnd |
Wird von der Vorlage LinkView verwendet, um einen Eintrag auszublenden.
|
Vorlage:TabMenu/Tools/ShowOnBegin |
Wird von der Vorlage LinkView verwendet, um einen Eintrag einzublenden.
|
Vorlage:TabMenu/Tools/ShowOnEnd |
Wird von der Vorlage LinkView verwendet, um einen Eintrag einzublenden.
|
|
Dokumentationsseiten
|
Die Dokumentation setzt sich aus 10 Hilfeseiten und zahlreichen Beispielvorlagen zusammen:
|
Hilfeseiten:
|
Vorlage:TabMenu/Doku |
Tab „Zweck und Überblick“
|
Vorlage:TabMenu/Doku/TabConcept |
Tab „Konzept und praktische Anwendung“
|
Vorlage:TabMenu/Doku/TabFmtInfo |
Tab „Formatierung der Tabs“, SubTab „Tabs oben“
|
├─► Vorlage:TabMenu/Doku/TabFmtInfo/Bottom |
Tab „Formatierung der Tabs“, SubTab „Tabs unten“
|
├─► Vorlage:TabMenu/Doku/TabFmtInfo/TopAndBottom |
Tab „Formatierung der Tabs“, SubTab „Tabs oben und unten“
|
├─► Vorlage:TabMenu/Doku/TabFmtInfo/Embedded |
Tab „Formatierung der Tabs“, SubTab „Menü einbetten“
|
├─► Vorlage:TabMenu/Doku/TabFmtInfo/Hacks |
Tab „Formatierung der Tabs“, SubTab „Hacks“
|
├─► Vorlage:TabMenu/Doku/TabFmtInfo/Troubleshooting |
Tab „Formatierung der Tabs“, SubTab „Fehlersuche“
|
└─► Vorlage:TabMenu/Doku/TabFmtInfo/Parameters |
Tab „Formatierung der Tabs“, SubTab „Parameter“
|
Vorlage:TabMenu/Doku/TechnicalBackground |
Tab „Technischer Hintergrund“
|
Basisvorlagen:
|
Vorlage:TabMenu/Doku/Version |
Versionsnummer der TabMenu-Vorlage, unterteilt in aa.bb.cc: aa=Konzeptänderng/-Erweiterung, bb=neue Funktionen, cc=Fehlerkorrekturen.
|
Vorlage:TabMenu/Doku/TMT/Main01 |
Tabs "Allgemeines", "Formatierung der Tabs" und "technischer Hintergrund".
|
Vorlage:TabMenu/Doku/TMT/MainTabFmt01 |
SubTabs "Format": "Tabs oben", "Tabs unten", "Tabs oben und unten", "Menü einbetten", "Hacks", "Fehlersuche" und "Parameterübersicht".
|
Beispielvorlagen:
|
Vorlage:TabMenu/Doku/TMT/Concept01 |
Beispielvorlage mit Tabs "Benutzer" und "Artikel" für "Konzept und praktische Anwendung".
|
|
|
Vorlage:TabMenu/Doku/TMT/FormatL01 |
Ausgangsvorlage, alle Tabs: TabWidth=1; LastLMTab.
|
Vorlage:TabMenu/Doku/TMT/FormatL02 |
AdjustRight=75; Problem: einzig der IE 6 stellt den Tabnamen nicht zentriert dar; seit IE 7 ist das kein Problem mehr.
|
Vorlage:TabMenu/Doku/TMT/FormatL03 |
AdjustRight=50%; Problem: siehe TMT_FormatL02.
|
Vorlage:TabMenu/Doku/TMT/FormatL04 |
Alle Tabs: TabWidth=10%; AdjustRight=50%; Name auch im IE 6 zentriert.
|
Vorlage:TabMenu/Doku/TMT/FormatL05 |
Tab3: TabWidth=20%.
|
Vorlage:TabMenu/Doku/TMT/FormatL06 |
Tab3 und Tab5: TabSpace=30.
|
Vorlage:TabMenu/Doku/TMT/FormatL07 |
Wie TMT_FormatL05, jedoch Tab5: TabSpace=50.
|
Vorlage:TabMenu/Doku/TMT/FormatL08 |
Alle Tabs: TabWidth=0 => automatische Tab-Breite; Name auch im IE 6 zentriert.
|
Vorlage:TabMenu/Doku/TMT/FormatL09 |
Wie Ausgangsvorlage, jedoch Tab4: TabSpace=50, Tab5: TabWidth=20%.
|
|
|
Vorlage:TabMenu/Doku/TMT/FormatLR01 |
Alle Tabs: TabWidth=1; Tab4: TabSpace=0; LastRBTab.
|
|
|
Vorlage:TabMenu/Doku/TMT/FormatR01 |
Kein FirstLBTab; alle Tabs: TabWidth=1; Tab1: TabSpace=0, LastRBTab.
|
|
|
Vorlage:TabMenu/Doku/TMT/FormatM01 |
Wie TMT_FormatR01, jedoch mit LastLMTab statt LastRBTab.
|
|
|
Vorlage:TabMenu/Doku/TMT/FormatB01 |
Wie TMT_FormatL01, jedoch mit LastRBTab statt LastLMTab; Problem: siehe TMT_FormatL02.
|
Vorlage:TabMenu/Doku/TMT/FormatB01D |
Wie TMT_FormatB01, jedoch mit doppelter Höhe der Tabs per TabHeight=42.
|
Vorlage:TabMenu/Doku/TMT/FormatB01D2 |
Wie TMT_FormatB01, jedoch mit doppelter Höhe der Tabs durch 2 Leerzeilen - Hack.
|
Vorlage:TabMenu/Doku/TMT/FormatB02 |
Wie TMT_FormatB01, jedoch alle Tabs: TabWidth=20%; Name auch im IE 6 zentriert.
|
|
|
Vorlage:TabMenu/Doku/TMT/Top01 |
Tab1 und 2, links oben.
|
Vorlage:TabMenu/Doku/TMT/Bottom01 |
Tab3 bis 5, rechts unten.
|
|
|
Vorlage:TabMenu/Doku/TMT/Top02 |
Tab1 bis 3, Block oben.
|
Vorlage:TabMenu/Doku/TMT/Bottom02 |
Tab4 und 5, Block unten.
|
|
|
Vorlage:TabMenu/Doku/TMT/1L |
Nur ein Tab, links - sinnvoll für einen einzigen zusätzlichen Tab auf der gegenüberliegenden Seite eines anderen TabMenüs.
|
Vorlage:TabMenu/Doku/TMT/1R |
Nur ein Tab, rechts - sinnvoll für einen einzigen zusätzlichen Tab auf der gegenüberliegenden Seite eines anderen TabMenüs.
|
Vorlage:TabMenu/Doku/TMT/1C |
Nur ein Tab, mitttig - sinnvoll für einen einzigen zusätzlichen Tab auf der gegenüberliegenden Seite eines anderen TabMenüs.
|
Vorlage:TabMenu/Doku/TMT/1CF1 |
Nur ein Tab, mittig + 25% rechts - sinnvoll für einen einzigen zusätzlichen Tab auf der gegenüberliegenden Seite eines anderen TabMenüs.
|
Vorlage:TabMenu/Doku/TMT/1CF2 |
Nur ein Tab, mitttig + 25% links - sinnvoll für einen einzigen zusätzlichen Tab auf der gegenüberliegenden Seite eines anderen TabMenüs.
|
Zentrale Hinweisvorlagen:
|
Vorlage:TabMenu/Global/TemplateHelpInfo |
Kurzhilfe, die auf den Seiten der selbst erstellten Vorlagen angezeigt wird.
|
Vorlage:TabMenu/Doku/TemplateShowCodeInfo |
Hinweistext, der unter jedem Code der Beispielvorlagen angezeigt wird.
|
|
Die folgenden Wikipedia-Vorlagen werden innerhalb der TabMenu-Vorlagen verwendet:
Die Vorlage:Dokumentation/ruler setzt einen einheitlichen Strich ober- bzw. unterhalb der Dokumentation. Alternativ ließe sich der Strich auch wie folgt setzen:
<hr class="rulerdocumentation hintergrundfarbe6" style="height:.7ex; margin:1em 0;">
Die Vorlage:Überschriftensimulation bildet innerhalb der TabMenu-Vorlagen die Überschrift „Dokumentation [Bearbeiten]“ ab. Allgemein Simuliert sie in Diskussionseiten eine Überschrift, die nicht im Inhaltsverzeichnis erscheinen soll. Alternativ ließe sich die Vorlage wie folgt nachbilden:
<div class="Vorlage_Überschriftensimulation_3" style="font-size: 1.2em; font-weight: bold; margin-top: .3em; margin-bottom: 0; overflow: hidden; padding: 0;">{{{1}}}</div>
bzw. wie folgt ersetzen
<div class="Vorlage_Überschriftensimulation_3" style="font-size: 1.2em; font-weight: bold; margin-top: .3em; margin-bottom: 0; overflow: hidden; padding: 0;">Dokumentation<span class="mw-editsection plainlinks">[[{{fullurl:{{SUBJECTPAGENAME}}/Doku|action=edit}} {{int:Editsection}}]]</span></div>
|