Quelltext der Seite Vorlage:TabMenu/Doku/TabFmtInfo

{{Dokumentation/ruler}}

<div style="padding: 0 0.5em; border:1px solid #AAAAAA;">

{{Überschriftensimulation|3|Text=Dokumentation<span class="mw-editsection plainlinks">&#x5b;[{{fullurl:{{SUBJECTPAGENAME}}|action=edit}} {{int:Editsection}}]&#x5d;</span>}}

<!-- BEGIN TABS    -->{{TabMenu/Doku/TMT/Main01       | Position=Top | TabFormat=Active | BgColor=F5F5F5 }}
<!-- BEGIN SubTABS -->{{TabMenu/Doku/TMT/MainTabFmt01 | Position=Top | TabTop=Active    | BgColor=FFFFEC }}

Um hier die möglichen Designs beschreiben zu können, wird ''<u>beispielhaft</u>'' davon ausgegangen, dass die folgende Benutzervorlage
{{Anker|BeispielvorlageModusL}} <!-- BEGIN TABS -->{{TabMenu/Doku/TMT/FormatL01 | BgColor=FFFFFF | Shadow=Off }}
[[Vorlage:TabMenu/Doku/TMT/FormatL01|Ausgangsvorlage]] (ein Klick darauf führt zum Quellcode der Vorlage)
<!-- END OF TABS -->{{TabMenu | Mode=EndTabMenu }}</div>
in das folgende Verzeichnis innerhalb Deines Benutzernamensraums kopiert wurde
:[{{fullurl:{{#special:MyPage/MyTabMenu}}|action=edit}} <code>Benutzer:<span style="color:#202122; background:#B0E2FF;">'''''DeinBenutzername'''''</span>/MyTabMenu</code>]
wobei <code><span style="color:#202122; background:#B0E2FF;">''DeinBenutzername''</span></code> für Deinen tatsächlichen Benutzernamen steht, mit dem Du Dich in der Wikipedia angemeldet hast.

In den folgenden Abschnitten wird die ''<u>fiktive</u>'' Benutzerseite
:[{{fullurl:{{#special:MyPage/MyTabMenu}}|action=edit}} <code>Benutzer:<span style="color:#202122; background:#B0E2FF;">'''''DeinBenutzername'''''</span>/Tab2</code>]
betrachtet. Es wird davon ausgegangen, dass auf dieser Seite das Menü über den folgenden Code eingebunden wurde:

<div class="hintergrundfarbe5" style="font-family:Courier New; font-size:0.93em; padding: 0 1em; border:1px solid;">
<nowiki><!-- BEGIN TABS --> {{Benutzer:</nowiki><span style="color:#202122; background:#B0E2FF;">''DeinBenutzername''</span><nowiki>/MyTabMenu | Position=Top | </nowiki><span style="color:#202122; background:#FFF68F; font-size:larger;">'''Tab2'''</span><nowiki>=Active | </nowiki>BgColor=[[Hilfe:Farbtabelle#Sechsstellige Farbcodes|FFFFFF]]<nowiki> }}</nowiki>

Inhalt der innerhalb des Tabrahmens angezeigt werden soll.

<nowiki><!-- END OF TABS -->{{TabMenu | Mode=EndTabMenu }}</nowiki>
</div><br>

__TOC__

== Registerkarten (Tabs) links, rechts, mittig oder in Kombination anordnen ==
=== Tabs links anordnen ===
{{Anker|AdjustRight}} Das Erscheinungsbild der Tabs läßt sich wie folgt anpassen: Fügt man in der Vorlage für das Tabmenü unter der Konfiguration von Tab5 den Parameter
:<code>AdjustRight = 60</code>
hinzu, so wird damit festgelegt, dass man hier einen Abstand von 60 Pixeln zwischen dem letzten Tab (hier Tab5) und dem rechten Rand haben möchte.
<!-- BEGIN TABS -->{{TabMenu/Doku/TMT/FormatL02 | Tab2=Active | BgColor=FFFFFF | Shadow=Off }}
[[Vorlage:TabMenu/Doku/TMT/FormatL02|Letzter Tab: AdjustRight=60;]] (ein Klick darauf führt zum Quellcode der Beispielvorlage)
<!-- END OF TABS -->{{TabMenu | Mode=EndTabMenu }}</div>

Die Angabe läßt sich auch in Prozent vornehmen: Der Parameter
:<code>AdjustRight = 25%</code>
erzeugt das folgende Menü:
<!-- BEGIN TABS -->{{TabMenu/Doku/TMT/FormatL03 | Tab2=Active | BgColor=FFFFFF | Shadow=Off }}
[[Vorlage:TabMenu/Doku/TMT/FormatL03|Letzter Tab: AdjustRight=25%;]] (ein Klick darauf führt zum Quellcode der Vorlage)
<!-- END OF TABS -->{{TabMenu | Mode=EndTabMenu }}</div>

{{Anker|TabWidth}} Mit Hilfe des Parameters ''TabWidth'' läßt sich die Breite einzelner Tabs unterschiedlich festlegen. Hier ist die ursprüngliche Einstellung der Vorlage, in der einzig der ''Tab3'' über
:<code>TabWidth = 20%</code>
vergrößert wird.
<!-- BEGIN TABS -->{{TabMenu/Doku/TMT/FormatL05 | Tab2=Active | BgColor=FFFFFF | Shadow=Off }}
[[Vorlage:TabMenu/Doku/TMT/FormatL05|Wie die Ausgangsvorlage, jedoch mit Tab3: TabWidth=20%]] (ein Klick darauf führt zum Quellcode der Beispielvorlage)
<!-- END OF TABS -->{{TabMenu | Mode=EndTabMenu }}</div>

{{Anker|TabSpace}} Der Parameters ''TabSpace'' legt dagegen den Abstand zwischen den Tabs fest. Hier wird für Tab5 ein
:<code>TabSpace = 50</code>
verwendet:
{{Anker|BeispielvorlageModusFL}} <!-- BEGIN TABS -->{{TabMenu/Doku/TMT/FormatL07 | Position=Top | Tab2=Active | BgColor=FFFFFF | Shadow=Off }}
[[Vorlage:TabMenu/Doku/TMT/FormatL07|Wie zuvor, jedoch mit Tab5: TabSpace=50]] (ein Klick darauf führt zum Quellcode der Beispielvorlage)
<!-- END OF TABS -->{{TabMenu | Mode=EndTabMenu }}</div>

=== Tabs rechts anordnen ===
{{Anker|BeispielvorlageModusR}} <!-- BEGIN TABS -->{{TabMenu/Doku/TMT/FormatR01 | Tab2=Active | BgColor=FFFFFF | Shadow=Off }}
[[Vorlage:TabMenu/Doku/TMT/FormatR01|Wie die Ausgangsvorlage, jedoch ist der Modus des ersten Tabs nicht FirstLBTab; Tab1: TabSpace=0; Modus des letzten Tabs: Last'''RB'''Tab]] (ein Klick darauf führt zum Quellcode der Beispielvorlage)
<!-- END OF TABS -->{{TabMenu | Mode=EndTabMenu }}</div>

=== Tabs rechts und links anordnen ===
{{Anker|BeispielvorlageModusLR}} <!-- BEGIN TABS -->{{TabMenu/Doku/TMT/FormatLR01 | Tab2=Active | BgColor=FFFFFF | Shadow=Off }}
[[Vorlage:TabMenu/Doku/TMT/FormatLR01|Wie die Ausgangsvorlage, jedoch Tab4: TabSpace=0; Modus des letzten Tabs: Last'''RB'''Tab]] (ein Klick darauf führt zum Quellcode der Beispielvorlage)
<!-- END OF TABS -->{{TabMenu | Mode=EndTabMenu }}</div>

=== Tabs mittig anordnen ===
{{Anker|BeispielvorlageModusC}} <!-- BEGIN TABS -->{{TabMenu/Doku/TMT/FormatM01 | Tab2=Active | BgColor=FFFFFF | Shadow=Off }} 
[[Vorlage:TabMenu/Doku/TMT/FormatM01|Wie die Ausgagsvorlage, jedoch ist der Modus des ersten Tabs nicht FirstLBTab; Tab1: TabSpace=0; Modus des letzten Tabs: Last'''LM'''Tab]] (ein Klick darauf führt zum Quellcode der Beispielvorlage)
<!-- END OF TABS -->{{TabMenu | Mode=EndTabMenu }}</div>

=== Tabs über die komplette Breite ziehen (Block) ===
<!-- BEGIN TABS -->{{TabMenu/Doku/TMT/FormatB01 | Tab2=Active | BgColor=FFFFFF | Shadow=Off }}
[[Vorlage:TabMenu/Doku/TMT/FormatB01|Wie die Ausgangsvorlage, jedoch Modus des letzten Tabs: Last'''RB'''Tab]] (ein Klick darauf führt zum Quellcode der Beispielvorlage)
<!-- END OF TABS -->{{TabMenu | Mode=EndTabMenu }}</div>

{{Anker|BeispielvorlageModusB}} <!-- BEGIN TABS -->{{TabMenu/Doku/TMT/FormatB02 | Tab2=Active | BgColor=FFFFFF | Shadow=Off }}
[[Vorlage:TabMenu/Doku/TMT/FormatB02|Tab1: TabWidth=19%; Tab2: TabWidth=20%; Tab3: TabWidth=0; Tab4: TabWidth=20%; Tab5: TabWidth=19%;]] (ein Klick darauf führt zum Quellcode der Beispielvorlage)
<!-- END OF TABS -->{{TabMenu | Mode=EndTabMenu }}</div>

== Tabhöhe ==
{{Anker|BeispielvorlageModusBD}} <!-- BEGIN TABS -->{{TabMenu/Doku/TMT/FormatB01D | Tab2=Active | BgColor=FFFFFF | Shadow=Off }}
[[Vorlage:TabMenu/Doku/TMT/FormatB01D|TabHeight=42 als Parameter eines beliebigen Tabs erzeugt die große Tabhöhe von 42 Pixel.]] (ein Klick darauf führt zum Quellcode der Beispielvorlage)
<!-- END OF TABS -->{{TabMenu | Mode=EndTabMenu }}</div>

Siehe auch:
* „[[Vorlage:TabMenu/Doku/TabFmtInfo/Troubleshooting#Einen Zeilenumbruch im Tab-Namen vermeiden (ungewollt hohe Tabs wieder klein machen)|Einen Zeilenumbruch im Tab-Namen vermeiden (ungewollt hohe Tabs wieder klein machen)]]“
* „[[Vorlage:TabMenu/Doku/TabFmtInfo/Hacks#Doppelte Tabhöhe durch zwei Leerzeilen|Doppelte Tabhöhe durch zwei Leerzeilen]]“

== Tabtitel (Name, Schriftart, Form) ==
Innerhalb Deiner Vorlage läßt sich pro Tab mit dem Parameter
:<code><nowiki>Name = [[Link|Titel]]</nowiki></code>
der Tabtitel festlegen, mit dazugehörendem Link.

Der Parameter
:<code>PaFont = Arial</code>
legt die Schriftart fest, die ein passiver (nicht angeklickter) Tab haben soll (hier die Schriftart Arial). Während
:<code>ActFont = Arial</code>
die Schriftart vorgibt, die der Tab haben soll, wenn er aktiv (angeklickt) ist.

Als Beispielcode siehe [[Vorlage:TabMenu/Doku/TMT/FormatL01|die Ausgangsvorlage]], die diese Parameter bereits beinhaltet (wie auch alle anderen hier behandelten Beispielvorlagen).

Als zusätzliche Parameter kann man
:<code>PaFontWeight = normal</code>
und/oder
:<code>ActFontWeight = bold</code>
angeben, um die Strichstärkte festzulegen. Die hier gezeigten Werte entsprechen den Standardeinstellungen; die FontWeight-Parameter müssen also nich angegeben werden, es sei denn, Du willst die Werte ändern. Für eine normale Darstellung gibt es das Schlüsselwort ''normal'', während ''bold'' für Fettschrift steht.

== Ein einzelner Tab ==
Es kann durchaus sinnvoll sein, ein TabMenü mit nur einem einzigen Tab zu erstellen, wenn dieses einem anderen TabMenü gegenübergestellt wird (siehe dazu das Kapitel [[Vorlage:TabMenu/Doku/TabFmtInfo/TopAndBottom|Formatierung der Tabs - Taps oben und unten]]). Der Tab läßt sich [[#Tabs links anordnen|wie oben beschrieben]] beliebig in der Breite anpasen. Die Position ist flexibel festlegbar, beispielsweise:

<!-- BEGIN TABS -->{{TabMenu/Doku/TMT/1L | Tab=Active | BgColor=FFFFFF | Shadow=Off }}
[[Vorlage:TabMenu/Doku/TMT/1L|Nur der FirstLBTab ist definiert, abgeschlossen mit einem FinishMenu]] (ein Klick darauf führt zum Quellcode der Beispielvorlage)
<!-- END OF TABS -->{{TabMenu | Mode=EndTabMenu }}</div>

<!-- BEGIN TABS -->{{TabMenu/Doku/TMT/1CF2 | Tab=Active | BgColor=FFFFFF | Shadow=Off }}
[[Vorlage:TabMenu/Doku/TMT/1CF2|Ohne First- und LastTab, dafür ein normaler Tab mit einem FinishMenu + AdjustRight=75%]] (ein Klick darauf führt zum Quellcode der Beispielvorlage)
<!-- END OF TABS -->{{TabMenu | Mode=EndTabMenu }}</div>

<!-- BEGIN TABS -->{{TabMenu/Doku/TMT/1C | Tab=Active | BgColor=FFFFFF | Shadow=Off }}
[[Vorlage:TabMenu/Doku/TMT/1C|Ohne First- und LastTab, dafür ein normaler Tab mit einem FinishMenu]] (ein Klick darauf führt zum Quellcode der Beispielvorlage)
<!-- END OF TABS -->{{TabMenu | Mode=EndTabMenu }}</div>

<!-- BEGIN TABS -->{{TabMenu/Doku/TMT/1CF1 | Tab=Active | BgColor=FFFFFF | Shadow=Off }}
[[Vorlage:TabMenu/Doku/TMT/1CF1|Ohne First- und LastTab, dafür ein normaler Tab mit einem FinishMenu + AdjustRight=25%]] (ein Klick darauf führt zum Quellcode der Beispielvorlage)
<!-- END OF TABS -->{{TabMenu | Mode=EndTabMenu}}</div>

<!-- BEGIN TABS -->{{TabMenu/Doku/TMT/1R | Tab=Active | BgColor=FFFFFF | Shadow=Off }}
[[Vorlage:TabMenu/Doku/TMT/1R|Nur der letzte Tab ist definiert (als LastRBTab) + TabSpace=0]] (ein Klick darauf führt zum Quellcode der Beispielvorlage)
<!-- END OF TABS -->{{TabMenu | Mode=EndTabMenu }}</div>

== Siehe auch ==
* Sollen die Tabs Deines Menüs nach unten zeigen, hilft Dir „[[Vorlage:TabMenu/Doku/TabFmtInfo/Bottom|Tabs unten]]“ weiter.
* Sollen die Tabs oben und unten angezeigt werden (nützlich bei langen Seiten) oder soll Dein TabMenü um weitere Tabs erweitert werden, die unten liegen, so findet sich unter „[[Vorlage:TabMenu/Doku/TabFmtInfo/TopAndBottom|Tabs oben und unten]]“ eine passende Beschreibung.
* Wie ein TabMenü in ein anderes TabMenü eingebettet werden kann, wird unter „[[Vorlage:TabMenu/Doku/TabFmtInfo/Embedded|Menü verschachteln]]“ erklärt.
* Eine Beschreibung zu den Feineinstellungen zur Breite des TabMenüs, den Schatten, die Rotation, die Ausrichtung und den Abstand zum Rahmen, etc. findest Du unter „[[Vorlage:TabMenu/Doku/TabFmtInfo/FineTuning|Feineinstellungen]]“.
* Unter „[[Vorlage:TabMenu/Doku/TabFmtInfo/Parameters|Parameter]]“ werden sämtliche Parameter aufgelistet, mit denen Dein TabMenü konfiguriert werden kann.
* Dinge die darüber hinaus gehen, werden unter „[[Vorlage:TabMenu/Doku/TabFmtInfo/Hacks|Hacks]]“ behandelt.
* Im Fehlerfall hilft „[[Vorlage:TabMenu/Doku/TabFmtInfo/Troubleshooting|Fehlersuche]]“ weiter.

<!-- END OF SubTABS -->{{TabMenu/Doku/TMT/MainTabFmt01 | Position=Bottom | TabTop=Active    | BgColor=FFFFEC | Shadow=Off }}
<!-- END OF TABS    -->{{TabMenu/Doku/TMT/Main01       | Position=Bottom | TabFormat=Active | BgColor=transparent }}
<br/></div>

{{Dokumentation/ruler}}