BBCode tabmenu

  • Mit dem BBCode tabmenu lassen sich umfangreiche Inhalte übersichtlich darstellen und in Tabs gliedern.

    1 Einleitung

    Mit dem BBCode tabmenu lassen sich umfangreiche Inhalte übersichtlich darstellen und in Tabs gliedern. Wer will kann davon z. B. im Wochenthread Gebrauch machen, wenn es in einem Beitrag gleich um eine Reihe Spiele geht. Auch für ausführliche Spielberichte oder Reviews bietet sich eine Verwendung an.

    2 Umsetzung

    2.1 Standard

    Code
    1. [tabmenu][tab='Tabtitel1'][subtab='Subtabtitel1']
    2. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
    3. [/subtab][subtab='Subtabtitel2']
    4. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
    5. [/subtab][/tab][tab='Tabtitel2']
    6. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
    7. [/tab][tab='Tabtitel3']
    8. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
    9. [/tab][/tabmenu]

    wird zu:

    2.2 Mit Icons

    Bei Bedarf kann man den (Sub-) Tabs auch noch Fontawesome-Icons verpassen:

    Code
    1. [tabmenu][tab='Tabtitel1','ambulance'][subtab='Subtabtitel1','angle-right']
    2. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
    3. [/subtab][subtab='Subtabtitel2','angle-double-right']
    4. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
    5. [/subtab][/tab][tab='Tabtitel2']
    6. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
    7. [/tab][tab='Tabtitel3']
    8. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
    9. [/tab][/tabmenu]

    wird zu: