< Vorlage:TabMenu | DokuDies ist die
aktuelle Version dieser Seite, zuletzt bearbeitet am 1. Mai 2018 um 11:45 Uhr durch
imported>Doc Taxon(24551) .
(Unterschied) ← Nächstältere Version | Aktuelle Version (Unterschied) | Nächstjüngere Version → (Unterschied)
Gemäß dem Beispiel aus der Dokumentation könntest Du den unten stehen Quellcode kopieren nach:
Benutzer:DeinBenutzername/MyTabMenu
Hier ist der dazugehörende Quellcode, der für eine eigene Vorlage kopiert werden kann:
<onlyinclude><!--
########################################### Konfiguration des Tabmenüs: ############################################
##### Grundeinstellungen: Die Standardwerte der folgenden Parameter lassen sich hier setzen; sie gelten für #####
##### alle Seiten, die diese Vorlage einbinden und dabei keine eigenen Werte festlegen: #####
--> {{TabMenu <!-- Initialisierung -->
<!-- Header für den Beginn eines TabMenüs: --> | Mode = BeginTemplate | Position = {{{Position|Top}}}
<!-- Ausrichtung des Rahmens: --> | Move = {{{Move|0px,0px}}} | FrameAlign = {{{FrameAlign|center}}}
| FrameWidth = {{{FrameWidth|100%}}}
<!-- Position und äußerer Abstand zum Rahmen: --> | Margin = {{{Margin|5px}}} <!-- Padding: siehe unten -->
<!-- Globales Erscheinungsbild: --> | Shadow = {{{Shadow|On}}} <!-- siehe in jedem Abschnitt & unten -->
| Rotate = {{{Rotate|0}}} }}
<!--
##### Den ersten Tab konfigurieren: Der erste Tab erhält einen speziellen Modus (FirstLBTab), wenn die Tabs #####
##### links oder als Block ausgerichtet sein sollen. Bei einem mittig oder #####
##### rechts ausgerichteten TabMenü entfällt der FirstLBTab-Zusatz. #####
--> {{TabMenu <!-- Tab1 -->
<!-- Tab-Bezeichner und sein Modus: --> | Mode = {{{Tab1|Passive}}}FirstLBTab | Shadow = {{{Shadow|On}}}
<!-- Tab-Titel mit Link: --> | Name = [[Benutzer:DeinBenutzername/Tab1|Tab1]]
<!-- Tab-Titel Parameter: --> | PaFont = Arial | ActFont = 'Segoe Script'
<!-- Tab-Farbe: --> | PaBgColor = CAE1FF | ActBgColor = {{{BgColor|FFFFFF}}}
<!-- Tab-Formatierung: --> | TabWidth = 1 | TabSpace = 3
<!-- Zum Einbinden des Tabmenüs: --> | Position = {{{Position|Top}}} }}
<!--
##### Weitere dazwischenliegende Tabs konfigurieren: #####
-->
{{TabMenu <!-- Tab2 -->
<!-- Tab-Bezeichner und sein Modus: --> | Mode = {{{Tab2|Passive}}} | Shadow = {{{Shadow|On}}}
<!-- Tab-Titel mit Link: --> | Name = [[Benutzer:DeinBenutzername/Tab2|Tab2]]
<!-- Tab-Titel Parameter: --> | PaFont = Arial | ActFont = 'Segoe Script'
<!-- Tab-Farbe: --> | PaBgColor = B4EEB4 | ActBgColor = {{{BgColor|FFFFFF}}}
<!-- Tab-Formatierung: --> | TabWidth = 1 | TabSpace = 3
<!-- Zum Einbinden des Tabmenüs: --> | Position = {{{Position|Top}}} }}
{{TabMenu <!-- Tab3 -->
<!-- Tab-Bezeichner und sein Modus: --> | Mode = {{{Tab3|Passive}}} | Shadow = {{{Shadow|On}}}
<!-- Tab-Titel mit Link: --> | Name = [[Benutzer:DeinBenutzername/Tab3|Tab3]]
<!-- Tab-Titel Parameter: --> | PaFont = Arial | ActFont = 'Segoe Script'
<!-- Tab-Farbe: --> | PaBgColor = 6CA6CD | ActBgColor = {{{BgColor|FFFFFF}}}
<!-- Tab-Formatierung: --> | TabWidth = 1 | TabSpace = 3
<!-- Zum Einbinden des Tabmenüs: --> | Position = {{{Position|Top}}} }}
{{TabMenu <!-- Tab4 -->
<!-- Tab-Bezeichner und sein Modus: --> | Mode = {{{Tab4|Passive}}} | Shadow = {{{Shadow|On}}}
<!-- Tab-Titel mit Link: --> | Name = [[Benutzer:DeinBenutzername/Tab4|Tab4]]
<!-- Tab-Titel Parameter: --> | PaFont = Arial | ActFont = 'Segoe Script'
<!-- Tab-Farbe: --> | PaBgColor = EED8AE | ActBgColor = {{{BgColor|FFFFFF}}}
<!-- Tab-Formatierung: --> | TabWidth = 1 | TabSpace = 3
<!-- Zum Einbinden des Tabmenüs: --> | Position = {{{Position|Top}}} }}
<!--
##### Den letzten Tab konfigurieren: In Kombination mit dem Modus für den ersten Tab (siehe oben) beein- #####
##### flusst dieser Modus die Ausrichtung sämtlicher Tabs (LastRBTab = rechts #####
##### oder als Block; LastLMTab = links oder mittig). #####
--> {{TabMenu <!-- Tab5 -->
<!-- Tab-Bezeichner und sein Modus: --> | Mode = {{{Tab5|Passive}}}LastLMTab | Shadow = {{{Shadow|On}}}
<!-- Tab-Titel mit Link: --> | Name = [[Benutzer:DeinBenutzername/Tab5|Tab5]]
<!-- Tab-Titel Parameter: --> | PaFont = Arial | ActFont = 'Segoe Script'
<!-- Tab-Farbe: --> | PaBgColor = EEEEEE | ActBgColor = {{{BgColor|FFFFFF}}}
<!-- Tab-Formatierung: --> | TabWidth = 1 | TabSpace = 3 | AdjustRight=60
<!-- Zum Einbinden des Tabmenüs: --> | Position = {{{Position|Top}}} }}
<!--
##### Tipps zu den Parametern: siehe [[Vorlage:TabMenu]] bzw. http://de.wikipedia.org/wiki/Vorlage:TabMenu #####
######################################################## END #######################################################
--> {{TabMenu | Mode=EndTemplate | Position={{{Position|Top}}} | ActBgColor={{{BgColor}}} | Shadow={{{Shadow|On}}} | Padding={{{Padding|10px}}} }}
</onlyinclude>{{TabMenu | Mode=TemplateHelpInfo }}
|
- Hinweise:
- Der Code kann sowohl für die Ausrichtung „Tabs oben“ als auch für „Tabs unten“ verwendet werden, auch wenn die Vorlage selbst die Tabs oben anzeigt. Die entsprechende Ausrichtung wird erst auf den Seiten festgelegt, die die Vorlage einbinden (siehe hier).
- In der letzten Zeile bindet der Code eine Hilfeseite ein. Sobald ein Benutzer auf die Seite der Vorlage geht (sich also für die Vorlage selbst interessiert), bekommt er die Hilfe zu sehen. Dort wird ihm erklärt, wie er den Code für eigene Projekte nutzen kann und wo er weitere Tipps dazu findet. Es wäre nett, wenn Du die Verknüpfung zur Hilfeseite in Deiner eigenen Vorlage nicht entfernst.
|
|
|