+- MyBB.de Forum (https://www.mybb.de/forum)
+-- Forum: Anpassungen (https://www.mybb.de/forum/forum-47.html)
+--- Forum: Theme-Diskussionen (https://www.mybb.de/forum/forum-84.html)
+--- Thema: Tabs im Header (/thread-33269.html)
Tabs im Header - Yve1970 - 16.03.2016
Guten morgen an alle
ich möchte gerne wie unten im Bild solche Tabs in meinem Forum haben allerdings weiß ich nicht genau wie und wo ich das machen muss, ich hab auch die Suchfunktion schon benutzt allerdings nicht das gefunden was mir weiter helfen konnte
Wäre super nett wenn mir da jemand helfen könnte bin allerdings nicht besonderst begabt mit dem Technischen Kram, aber lernwillig.
http://sporthunde.bplaced.net/index.php
RE: Tabs im Header - MrBrechreiz - 16.03.2016
Hier wäre zumindest einmal eine Seite, womit man sich ein wenig orientieren kann, was man haben möchte.
http://www.hongkiat.com/blog/50-nice-clean-css-tab-based-navigation-scripts/
RE: Tabs im Header - [ExiTuS] - 16.03.2016
Wirf einen Blick in den Quelltext, dann findest du dort das Element mit id="navbar". Dies ist die Menüzeile. Hier haben wir eine Auflistung <ul> mit Listenelement <li> als Menüpunkte.
Die entsprechende Formatierung fischst du dir aus CSS.
Für eine Anregung reicht dies, den Rest passt man nach eigenem Belieben an?
Eine Alternative wäre auch nach "CSS Tab" in der Suchmaschine deiner Wahl zu suchen. Es gibt unzählige Vorlagen für solche Tab-Menüs.
Das Prinzip ist nahezu immer identisch nach folgendem Schema:
Eine Blockzeile als Hauptelement mit einzelnen Links darin. Die Formatierung lässt die Links einfach wie Tabs ausseehen, und der aktive Tab wird separat formatiert
Hier das Beispiel dieses Forums:
Code:
<div id="navbar">
<ul>
<li><a href="https://www.mybb.de/">Startseite</a></li>
<li><a href="https://www.mybb.de/ueber-mybb/">Über MyBB</a></li>
<li><a href="https://www.mybb.de/downloads/">Downloads</a></li>
<li><a href="https://www.mybb.de/support/">Support</a></li>
<li class="active"><a href="https://www.mybb.de/forum/">Forum</a></li>
<li><a href="https://www.mybb.de/erweiterungen/">Erweiterungen</a></li>
<li><a href="https://www.mybb.de/doku/">Doku</a></li>
<li><a href="https://www.mybb.de/blog/">Blog</a></li>
<li><a href="https://www.mybb.de/impressum/">Impressum</a></li>
</ul>
</div>[ExiTuS]
RE: Tabs im Header - Yve1970 - 16.03.2016
Wow super vielen lieben dank da werd ich doch mal mit basteln anfangen