Tab#1: Die Tabs-VorlageDies ist der aktive Tab Tab#1: Die Tabs-Vorlage
Dies ist der aktive Tab
 Tab#2: Die Tab-VorlageDieser Tab ist inaktiv Tab#2: Die Tab-Vorlage
Dieser Tab ist inaktiv
de:Vorlage:Tabs
en:Template:Tabs
es:Plantilla:Tabs
fr:Modèle:Tabs
ru:Шаблон:Tabs
 
UnderConstruction.png
Übersetzung zur Überprüfung
Gib nicht den Mitwirkenden die Schuld, sondern komm und hilf ihnen. 😎
Diese Vorlage dient dazu, eine Reihe von Registerkarten (maximal 10) wie die auf dieser Seite zusammenzustellen. Laß uns an diesem Beispiel erklären, wie es funktioniert. Sie verwendet die "Unter"-Vorlage "Tab".

Tabs-Code

 {{Tabs
|bord=2px solid #{{ColorAtys|type=dark|group=tryker}}
|bg_frame=#{{ColorAtys|type=bg|group=tryker}}
|round=5em
|align_tab=center
<!--  -->
|Tab-1={{3DText|text='''Tab#1 Die Tabs-Vorlage<br />Dies ist der ''aktive'' Tab'''}} 
|URL-1=Vorlage:Tabs 
|bg_Tab-1=#{{ColorAtys|type=light|group=tryker}}
|Pic-1=dummy.png 
<!--  -->
|Tab-2={{3DText|text='''''Tab#2: Die Tab-Vorlage'''''<br />Dieser Tab ist ''inaktiv''}}
|URL-2=Vorlage:Tab
|bg_Tab-2=#{{ColorAtys|type=light|group=fyros}}
|Pic-2=UnderConstruction.png
}}

Detaillierter Code

Code erläutert
Code Effekt Bereich
{{Tabs - Beginn des Vorlagenaufrufs
|bord=2px solid #{{ColorAtys|type=dark|group=tryker}} definiert Art, Dicke und Farbe der Umrandungslinie die ganze gerahmte Seite
|bg_frame=#{{ColorAtys|type=bg|group=tryker}} definiert die Hintergrundfarbe der Seite: hier bg (background) tryker blue wie in der ColorAtys-Vorlage definiert.
|round=5em Radius der abgerundeten Ecken
Bitte beachte, daß nur die Ecken der Registerkarten abgerundet werden.
|align_tab=center Textausrichtung der Registerkarten-Namen.
<!-- --> leerer Kommentar (wird als Trennzeichen verwendet) zur besseren Lesbarkeit des Codes
|Tab-1={{3DText|text='''Tab#1 Die Tabs-Vorlage<br />Dies ist der ''aktive'' Tab'''}} Tab-Titel Dieser einzelne Tab
Beachte, daß die Parameter nummeriert sind. Du kannst bis zu 10 Registerkarten wie diese haben.
|URL-1=Vorlage:Tabs Die URL der Seite, auf der die Registerkarte "aktiv" ist.
Die URL ist die der aktuellen Seite, die Registerkarte ist "aktiv", daher ist ihr Hintergrund der der Seite.
|bg_Tab-1=#{{ColorAtys|type=light|group=tryker}} Hintergrundfarbe des Tabs: hier helles Trykerblau, nur wirksam, wenn die URL von der aktuellen Seite abweicht.
|Pic-1=dummy.png Ein Symbol, das links neben dem Titel der Registerkarte angezeigt wird.
<!-- --> Trennzeichen , um die Lesbarkeit des Codes zu verbessern.
|Tab-2={{3DText|text='''''Tab#2: Die Tab-Vorlage'''''<br />Dieser Tab ist ''inaktiv''}} Zweiter Tab-Titel. Dieser einzelne Tab.
|URL-2=Vorlage:Tab Diese Seite ist nicht die eigentliche Seite, die Registerkarte ist "inaktiv"
"Inaktive" Registerkarten sind durch eine horizontale Linie vom Seitenkörper getrennt.
|bg_Tab-2=#{{ColorAtys|type=light|group=fyros}} Hintergrundfarbe der Registerkarte: hier helles fyros orange
|Pic-2=UnderConstruction.png Symbol für Tab 2
}} - Ende der Vorlage.


Beispiele

Abgerufen von „https://de.wiki.ryzom.com/w/index.php?title=Vorlage:Tabs&oldid=36630