Hallo ihr Lieben,
da eventuell nicht jeder gleich auf Anhieb versteht, wie man unsere neue Errungenschaft, das Tabmenü, richtig und effizient nutzt, haben wir euch einen Guide erstellt. Hierbei werden wir die Struktur des Tabmenüs analysieren und zeigen, wie die einzelnen Elemente am Ende ein Ganzes ergeben.
Hier ein Beispielmenü, welches wir nun zur Erklärung auseinanderpflücken.
Tab-Inhalt von Tab 1
Tab-Inhalt von Tab 2
Subtab-Inhalt von Subtab 1
Subtab-Inhalt von Subtab 2
Um das Tabmenü erstellen zu können, muss man zunächst am Beginn und am Ende folgenden BB-Code setzen.
Mein erster Tab:
Tabs müssen(!) benannt werden, sonst werden sie nicht korrekt angezeigt.
Der Name des Tabs muss immer in Anführungszeichen gesetzt werden.
Jeder Tab muss immer genauso wie das tabmenu wieder geschlossen werden.
Der Code hierfür:
[tabmenu]
[tab='Eins']
Tabs müssen(!) benannt werden, sonst werden sie nicht korrekt angezeigt.
Der Name des Tabs muss immer in Anführungszeichen gesetzt werden.
Jeder Tab muss immer genauso wie das tabmenu wieder geschlossen werden.
[/tab]
[/tabmenu]
Jedoch macht diese Funktion mit nur einem Tab nicht viel Sinn, also fügen wir einen weiteren Tab ein.
[tabmenu]
[tab='Eins']
Tabs müssen(!) benannt werden, sonst werden sie nicht korrekt angezeigt.
[/tab]
[tab='Zwei']
Inhalt zum 2. Tab hier.
[/tab]
[/tabmenu]
Das dürfte nun so aussehen:
Tabs müssen(!) benannt werden, sonst werden sie nicht korrekt angezeigt.
Inhalt zum 2. Tab hier.
Nun steht es frei, ob man noch mehr Tabs auf diese Weise einfügen möchte oder ob ein Subtab sinnvoller scheint, weil zu einem Thema mehrere Teilbereiche vorliegen und die Gliederung dann übersichtlicher wird.
Um das Beispiel vom Anfang zu generieren, sieht der Code so aus:
[tabmenu]
[tab='Testtab 1']
[subtab='Subtab 1']
Hier kommen die Text- sowie Bildinhalte hinein, welche im Subtab 1 stehen sollen.
[/subtab]
[subtab='Subtab 2']
Hier kommt der Text für den 2. Subtab hin.
[/subtab]
[/tab]
[tab='Testtab 2']
Hier kommt der Inhalt des 2. Testtabs hin.
[/tab]
[tab='Testtab 3']
[subtab='Subtab1']
Inhalt
[/subtab]
[subtab='Subtab 2']
Inhalt
[/subtab]
[subtab='Subtab 3']
Inhalt...
[/subtab]
[/tab]
[/tabmenu]
Alles anzeigen
Bonusrunde!
Das Tabmenu erlaubt übrigens auch "Font Awesome Icons" als zweiten Wert. Der zweite Wert wird vom ersten über ein Komma getrennt. Die Reihenfolge hierbei ist Titel, Icon.
KWEH!
Das ist ein Schild.
Chuuu!~
Hier nochmal mit dazugehörigem BB-Code:
Troubleshooting
-
Q: Der Inhalt wird vor dem [subtab] verschluckt
Dann hast du womöglich kein [subtab] unter dem ersten [tab] (Haupttab) davorgesetzt. Wenn du Subtabs benutzt, bedenke, dass jeder einzelne Tab mit einem [subtab] begonnen werden muss und auch am Ende wieder geschlossen werden muss.
Edit Dragosius:
Anpassung der Anleitung an das neue Tabmenu.