Vorlage:TabMenu/Doku/TabFmtInfo

aus Wikipedia, der freien Enzyklopädie

Dokumentation[Bearbeiten]
  Zweck und Überblick   Konzept und praktische Anwendung   Formatierung der Tabs   Technischer Hintergrund  
Tabs oben   Tabs unten   Tabs oben und unten   Menüs verschachteln   Feineinstellungen   Hacks   Fehlersuche   Parameter  

Um hier die möglichen Designs beschreiben zu können, wird beispielhaft davon ausgegangen, dass die folgende Benutzervorlage

  Tab1   Tab2   Tab3   Tab4   Tab5  

Ausgangsvorlage (ein Klick darauf führt zum Quellcode der Vorlage)

in das folgende Verzeichnis innerhalb Deines Benutzernamensraums kopiert wurde

Benutzer:DeinBenutzername/MyTabMenu

wobei DeinBenutzername für Deinen tatsächlichen Benutzernamen steht, mit dem Du Dich in der Wikipedia angemeldet hast.

In den folgenden Abschnitten wird die fiktive Benutzerseite

Benutzer:DeinBenutzername/Tab2

betrachtet. Es wird davon ausgegangen, dass auf dieser Seite das Menü über den folgenden Code eingebunden wurde:

<!-- BEGIN TABS --> {{Benutzer:DeinBenutzername/MyTabMenu | Position=Top | Tab2=Active | BgColor=FFFFFF }}

Inhalt der innerhalb des Tabrahmens angezeigt werden soll.

<!-- END OF TABS -->{{TabMenu | Mode=EndTabMenu }}


Registerkarten (Tabs) links, rechts, mittig oder in Kombination anordnen

Tabs links anordnen

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

AdjustRight = 60

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.

  Tab1   Tab2   Tab3   Tab4   Tab5  

Letzter Tab: AdjustRight=60; (ein Klick darauf führt zum Quellcode der Beispielvorlage)

Die Angabe läßt sich auch in Prozent vornehmen: Der Parameter

AdjustRight = 25%

erzeugt das folgende Menü:

  Tab1   Tab2   Tab3   Tab4   Tab5  

Letzter Tab: AdjustRight=25%; (ein Klick darauf führt zum Quellcode der Vorlage)

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

TabWidth = 20%

vergrößert wird.

  Tab1   Tab2   Tab3   Tab4   Tab5  

Wie die Ausgangsvorlage, jedoch mit Tab3: TabWidth=20% (ein Klick darauf führt zum Quellcode der Beispielvorlage)

Der Parameters TabSpace legt dagegen den Abstand zwischen den Tabs fest. Hier wird für Tab5 ein

TabSpace = 50

verwendet:

  Tab1   Tab2   Tab3   Tab4   Tab5  

Wie zuvor, jedoch mit Tab5: TabSpace=50 (ein Klick darauf führt zum Quellcode der Beispielvorlage)

Tabs rechts anordnen

  Tab1   Tab2   Tab3   Tab4   Tab5  

Wie die Ausgangsvorlage, jedoch ist der Modus des ersten Tabs nicht FirstLBTab; Tab1: TabSpace=0; Modus des letzten Tabs: LastRBTab (ein Klick darauf führt zum Quellcode der Beispielvorlage)

Tabs rechts und links anordnen

  Tab1   Tab2   Tab3   Tab4   Tab5  

Wie die Ausgangsvorlage, jedoch Tab4: TabSpace=0; Modus des letzten Tabs: LastRBTab (ein Klick darauf führt zum Quellcode der Beispielvorlage)

Tabs mittig anordnen

  Tab1   Tab2   Tab3   Tab4   Tab5  

Wie die Ausgagsvorlage, jedoch ist der Modus des ersten Tabs nicht FirstLBTab; Tab1: TabSpace=0; Modus des letzten Tabs: LastLMTab (ein Klick darauf führt zum Quellcode der Beispielvorlage)

Tabs über die komplette Breite ziehen (Block)

  Tab1   Tab2   Tab3   Tab4   Tab5  

Wie die Ausgangsvorlage, jedoch Modus des letzten Tabs: LastRBTab (ein Klick darauf führt zum Quellcode der Beispielvorlage)

  Tab1   Tab2   Tab3   Tab4   Tab5  

Tab1: TabWidth=19%; Tab2: TabWidth=20%; Tab3: TabWidth=0; Tab4: TabWidth=20%; Tab5: TabWidth=19%; (ein Klick darauf führt zum Quellcode der Beispielvorlage)

Tabhöhe

  Tab1   Tab2   Tab3   Tab4   Tab5  

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)

Siehe auch:

Tabtitel (Name, Schriftart, Form)

Innerhalb Deiner Vorlage läßt sich pro Tab mit dem Parameter

Name = [[Link|Titel]]

der Tabtitel festlegen, mit dazugehörendem Link.

Der Parameter

PaFont = Arial

legt die Schriftart fest, die ein passiver (nicht angeklickter) Tab haben soll (hier die Schriftart Arial). Während

ActFont = Arial

die Schriftart vorgibt, die der Tab haben soll, wenn er aktiv (angeklickt) ist.

Als Beispielcode siehe die Ausgangsvorlage, die diese Parameter bereits beinhaltet (wie auch alle anderen hier behandelten Beispielvorlagen).

Als zusätzliche Parameter kann man

PaFontWeight = normal

und/oder

ActFontWeight = bold

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 Formatierung der Tabs - Taps oben und unten). Der Tab läßt sich wie oben beschrieben beliebig in der Breite anpasen. Die Position ist flexibel festlegbar, beispielsweise:

  Tab1  

Nur der FirstLBTab ist definiert, abgeschlossen mit einem FinishMenu (ein Klick darauf führt zum Quellcode der Beispielvorlage)

  Tab1  

Ohne First- und LastTab, dafür ein normaler Tab mit einem FinishMenu + AdjustRight=75% (ein Klick darauf führt zum Quellcode der Beispielvorlage)

  Tab1  

Ohne First- und LastTab, dafür ein normaler Tab mit einem FinishMenu (ein Klick darauf führt zum Quellcode der Beispielvorlage)

  Tab1  

Ohne First- und LastTab, dafür ein normaler Tab mit einem FinishMenu + AdjustRight=25% (ein Klick darauf führt zum Quellcode der Beispielvorlage)

  Tab1  

Nur der letzte Tab ist definiert (als LastRBTab) + TabSpace=0 (ein Klick darauf führt zum Quellcode der Beispielvorlage)

Siehe auch

  • Sollen die Tabs Deines Menüs nach unten zeigen, hilft Dir „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 „Tabs oben und unten“ eine passende Beschreibung.
  • Wie ein TabMenü in ein anderes TabMenü eingebettet werden kann, wird unter „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 „Feineinstellungen“.
  • Unter „Parameter“ werden sämtliche Parameter aufgelistet, mit denen Dein TabMenü konfiguriert werden kann.
  • Dinge die darüber hinaus gehen, werden unter „Hacks“ behandelt.
  • Im Fehlerfall hilft „Fehlersuche“ weiter.
Tabs oben   Tabs unten   Tabs oben und unten   Menüs verschachteln   Feineinstellungen   Hacks   Fehlersuche   Parameter  
  Zweck und Überblick   Konzept und praktische Anwendung   Formatierung der Tabs   Technischer Hintergrund