1. Dashboard
  2. Forum
    1. Letzte Beiträge
    2. Unerledigte Themen
    3. Spiele & Spieler
      1. Woche
      2. Spielebesprechungen
      3. Regelfragen
      4. CoSims
      5. Bemalen, Basteln und Pimpen
      6. Top-Listen
      7. Regalschau
      8. Mitspielersuche, online spielen und Forenspiele
    4. Spielehandel, Links, Medien
      1. Crowdfunding
      2. Sammelbestellungen
      3. Spielemessen & Treffen
      4. RSS Feed Youtube
    5. Off Topic
      1. Der KI Bereich
    6. unknowns.de
    7. Top Beiträge
    8. Top Poster
    9. Top ignorierte Themen
  3. Markt
    1. Nutzungsbedingungen
    2. Bewertungen
  4. FAQ
    1. amazon-Affiliate-Link
    2. Allgemein
    3. Blog
    4. Benutzerprofil
    5. Forum
    6. Kalender
    7. Kontrollzentrum
    8. Konversationen
    9. Linkdatenbank
    10. Marktplatz
    11. Moderation
    12. Rating
    13. Suchfunktion
    14. Umfragen
    15. Wiki
  5. Kalender
    1. Termine
    2. Karte
  6. Links
    1. Neue Links
  7. Wiki
    1. Glossar
    2. Spiele & Zubehör
    3. unknowns Funktionen
    4. Online Spielen Leitfaden
    5. Sonstiges
    6. Letzte Änderungen
  8. Blog
    1. Artikel
  • Anmelden
  • Registrieren
  • Suche
Wiki
  • Alles
  • Forum
  • Marktplatz
  • Termine
  • Blogs
  • Wiki
  • Seiten
  • Link-Datenbank
  • Einträge
  • Links
  • Erweiterte Suche
  1. unknowns.de – Das Brettspielforum (online seit 17.03.2007)
  2. Wiki

BBCode tabmenu

  • yzemaze
  • 30. März 2018 um 20:34
  • 28. August 2024 um 15:03
  • 13.665 mal gelesen
  • 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, z. B. 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
    [tabmenu][tab='Tabtitel1'][subtab='Subtabtitel1']
    Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
    [/subtab][subtab='Subtabtitel2']
    Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
    [/subtab][/tab][tab='Tabtitel2']
    Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
    [/tab][tab='Tabtitel3']
    Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
    [/tab][/tabmenu]

    wird zu:[tabmenu][tab='Tabtitel1'][subtab='Subtabtitel1']

    Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.[/subtab][subtab='Subtabtitel2']

    Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.[/subtab][/tab][tab='Tabtitel2']

    Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.[/tab][tab='Tabtitel3']

    Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.[/tab][/tabmenu]

    2.2 Mit Icons

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

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

    wird zu:[tabmenu][tab='Tabtitel1','ambulance'][subtab='Subtabtitel1','angle-right']

    Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.[/subtab][subtab='Subtabtitel2','angle-double-right']

    Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.[/subtab][/tab][tab='Tabtitel2','anchor']

    Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.[/tab][tab='Tabtitel3','android']

    Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.[/tab][/tabmenu]

    2.3 BBCode-Gerüst im Editor

    Im Editor lässt sich ein Grundgerüst leicht einfügen:

    • bbcode
  • Vorheriger Wiki-Eintrag BBCode Bewertung
  • Nächster Wiki-Eintrag Beitrag verlinken
  • PDF

Inhaltsverzeichnis

  • 1 Einleitung
  • 2 Umsetzung
    • 2.1 Standard
    • 2.2 Mit Icons
    • 2.3 BBCode-Gerüst im Editor

Kategorien

  1. Glossar 214
  2. Spiele & Zubehör 42
  3. unknowns Funktionen 44
  4. Sonstiges 6
  1. Mitglieder
  2. Datenschutzerklärung
  3. Impressum
  4. Disclaimer
  5. Netiquette/ Forenregeln
Wiki, entwickelt von www.viecode.com
Community-Software: WoltLab Suite™