BBCode Tabmenu | Tutorial | Forum

  • Ein Ausführliches Tutorial zum Tabmenu

    1 Allgemeines

    Guten Tag liebe Leserinnen und Leser.

    Im Folgenden erkläre ich, wie das Tabmenu funktioniert und man es anwendet.



    2 Was ist das Tabmenü

    Mit dem Tabmenü kann man Tabs anlegen. Hier einmal ein Beispiel:

    [tabmenu]



    3 Wie verwendet man das Tabmenü

    Zuallererst gebt ihr in euer Textfeld [tabmenu] ein.


    Um den ersten Tab erstellen zu können, muss man in das Eingabefeld [tab='TABNAME'] eingeben


    Nun schreiben wir, was wir wollen, in diesem Tab. Selbstverständlich funktionieren die gewöhnlichen Formatierungsfunktionen.


    Um jetzt den Tab zu schließen, gibt man [/tab] ein.


    Jetzt kann man normal weiterschreiben, oder einen neuen Tab erstellen. Wir erstellen einen weiteren Tab.

    Also geben wir wieder [tab='TABNAME 2'] ein.

    Daraufhin den Text, welchen wir in diesem Tab haben möchten.

    Jetzt schließen wir wieder den Tab mit [/tab].


    Wenn man zufrieden ist, gibt man am Ende des Tabmenus [/tabmenu] ein.

    Hierbei wird das gesamte Tabmenu geschlossen und man fährt wieder mit dem normalen Schreiben fort.



    4 Untertabs benutzen (Subtabs)

    Subtabs sind Tabs, in den jeweiligen Tabs.

    So kann ich in Tab "TABNAME 2" nochmal mehrere Tabs erstellen.


    Man geht an die Stelle des Tabs, wo man normalerweise den Text eingibt. Statt des Textes gibt man jetzt jedoch [subtab='Subtab 1'] ein.


    Nun gibt man den Text ein, welchen man in diesem Subtab haben möchte.

    Daraufhin schließt man den Subtab mit [/subtab].


    Nun kann man nach Subtab 1 einen weiteren Subtab erstellen. Hierzu gibt man einfach nach [/subtab] wieder [subtab='Subtab 2'] ein. Dann folgt der Inhalt und man schließt sen Subtab wieder mit [/subtab].

    So kann man es beliebig weitermachen.


    Jedoch sollte man nicht vergessen, den Tab und das Tabmenü zu schließen.


    5 Icons

    Ihr könnt Icons in die Tabs einfügen.

    Bei normalen Tabs so:

    [tab='TABNAME','Icon-Name']


    Und bei Subtabs so:

    [subtab='SUBTABNAME','Icon-Name']


    Eine Liste mit Icons finden ihr hier.

    Leider können nur die frei verfügbare icons genutzt werden. Es funktionieren davon aber auch nicht alle Icons. Ihr müsst einfach ein bisschen herumprobieren.



    6 Beispiele

    Die Punkte müssen entfernt werden, damit es funktioniert.


    [.tabmenu]


    [.tab='Überschrift1'] Hallo und Willkommen zu diesem Lexikoneintrag [/subtab][/tab]

    [.subtab='Subtab 2'] Text im Subtab2[/subtab]

    [./tab] <-- Jetzt wo die Subtabs fertig sind, darf der Tab geschlossen werden


    [.tab='Icon Tab','address-book'] Dieser Tab hat in der Überschrift ein Icon[/tab]

    [./tabmenu]



    7 Kurzfassung

    [tabmenu] = Anfangsbefehl für das Tabmenu.

    [tab='TABNAME'] = Erstellt einen Tab.

    [tab='TABNAME','Icon-Name'] = Erstellt einen Tab mit Icon.

    [subtab='SUBTABNAME'] = Erstellt einen Subtab.

    [/subtab][/tab][/tab][/tabmenu][tab='TABNAME'][tab='TABNAME'][subtab='SUBTABNAME'][/subtab][tabmenu] = Schließt den Subtab.

    [/tabmenu][/tab][tabmenu] = Schließt den Tab.

    [/tabmenu] = Beendet das Tabmenü.

Kommentare 1