Erklärung der Tabmenüs

  • Dieser Beitrag dient der Erklärung der Tabmenus, welche in unserem Forum verwendet werden können.

    Der Beitrag wurde aus dem Modern-Gaming weitestgehend übernommen. (https://modern-gaming.net/forum/thread/41988-erklärung-der-tabmenüs/)

    1 Erklärung der Tabmenüs

    In diesem Tutorial werden ausführlich die Tabmenüs vorgestellt und erklärt wie ihr die benutzen könnt, beliebt sind diese bei Bewerbungen aktuell.

    Bei Fragen könnt ihr euch gerne an ein Mitglied der Forum-Moderation wenden.

    1.1 Tabmenu und Tabs

    Erstmals solltet ihr wissen wie die sogenannten "Tabs" funktionieren. Diese sind eigentlich ganz einfach wenn man sie ein paar Mal gesehen hat. Der folgende Code ist und wie es im Beitrag aussieht:

    Code: Tabmenu und Tabs
    [tabmenu]
[tab=Beispiel]
Ich heiße auf Steam "...".
[/tab]
[/tabmenu]
    [tabmenu]

    1.2 Subtabs

    Es gibt auch sogenannte "Subtabs". Es sind so gesagte Unterteilungen von einem Tab. Natürlich kannst du auch mehrere Subtabs einfügen, indem du das selbe machst.

    Dies fügst du mit folgendem Code ein:

    Code: Subtabs
    [tabmenu]
[tab=Beispiel]
[subtab=Realer Name]
Ich heiße ....
[/subtab]
[subtab=Hallo]
hehe im tired
[/subtab]
[/tab]
[/tabmenu]
    [tabmenu]

    1.3 Tabs in einer Tabelle

    Tabs kann man auch mit einer Tabelle kombinieren, damit man noch was anderes hat.

    Code: Tab in einer Tabelle
    <table>
    <tbody>
        <tr>
            <td>[tabmenu]<br>[tab=Beispiel]<br>[subtab=Sus]<br>Hallo<br>[/subtab]<br>[/tab]<br>[/tabmenu]</td>
        </tr>
    </tbody>
</table>
    [tabmenu]

    1.4 Icons in Tabs und Subtabs

    Vielleicht hast du auch gesehen, dass sogenannte "Icons" neben einem Tab oder Subtab stehen. Diese kannst du ganz einfach hinzufügen.

    Erstmals brauchst du entweder ein eigenes Icon was du dann auf eine Seite hochlädst und dann den Hotlink kopierst oder du benutzt diese Seite. Natürlich sollte man bei "eigenen" Icons, die Größe beachten, das unten ist von mir nur ein Beispiel, wie es sein könnte. Ich würde die Größe "24x24" empfehlen.

    Code: Icon von der Seite
    [tabmenu]
[tab='Beispiel','android']
[subtab='Kontakt','address-book']
Hallo
[/subtab]
[/tab]
[/tabmenu]
    [tabmenu]

    Code: Eigene Icons
    [tabmenu]
[tab='Beispiel','https://s20.directupload.net/images/210713/b84agr4g.png']
[subtab='Sus','https://s20.directupload.net/images/210713/apctltar.png']
Hallo
[/subtab]
[/tab]
[/tabmenu]
    [tabmenu]


    Bei Fragen der Tabmenus wendet euch gerne an ein Mitglied der Forum-Moderation.

    Liebe Grüße