Menü erstellen

paderborner

Hey,

wie kann ich so ein Menü erstellen, wie es hier zu sehen ist: http://users.tpg.com.au/j_birch/plugins/superfish/#sample1

Es geht um das Menü unter dem Wort "Examples". Wie ist so etwas realisierbar? Das Menü soll - genau wie im Beispiel - auf einer ganz normalen Seite eingebaut werden.

Danke schon im Vorraus ;)

Werbepost

Hallo!

Wenn du gerade an deiner Website arbeitest oder dein aktuelles Hosting überdenkst: Wir betreiben mit NetzLiving eine Hosting-Plattform, die speziell auf Performance, Sicherheit und einfache Verwaltung ausgelegt ist.

✔️ Schnelle Ladezeiten (optimiert für WordPress & Co.)
✔️ Deutsche Server & DSGVO-konform
✔️ Persönlicher Support (kein 0815-Ticket-System)

Mehr erfahren

bego

Du könnest spaßeshalber das Plugin Superfish installieren und die Installationsanleitung befolgen.

paderborner

Es geht mir nicht um das Menü, das man mit dem Plugin bekommt, sondern um das Menü auf der Beispiel-Seite selber. In diesem Falle sind die einzelnen Menüpunkte:

http://users.tpg.com.au/j_birch/plugins/superfish/#sample4basic style --- with BgIframe --- vertical style --- nav-bar style --- with supersubs

flipps

Möchtest du das Menü in einem Artikel? Wenn du das als horizontales Seitenmenü möchtest dann erstelle in Wordpress ein Menü, füge dem die gewünschten Menüpunkte hinzu und mach das Layout per css.

Die Seite läd dann zwar nicht die einzelnen Seiten vor, aber vom Layout her geht das.

VG
Philip

bego

Das ist eine Mischung aus CSS und jQuery.

Schau Dir mal http://users.tpg.com.au/j_birch/plugins/assets/css/tabs.css an. Mit diesem Style-Sheet werden nicht aktivierte Registerlaschen ausgeblendet.

Damit bei einem Mausklick die Registerlaschen und Inhalte unterschiedliche Klassen zugewiesen bekommen, ohne dass die Seite neu geladen werden muss, ist noch ein wenig jQuery dabei:

Code

var main = $('#main').tabs(1);
    $('#samples').tabs( { selectedClass: 'sample-tab-selected', bookmarkable: true });

paderborner

Ok. Und wie genau kann ich das dann in - sagen wir mal eine HTML-Seite (also im WordPress Editor) - einfügen.

Willkommen! Melden Sie sich an oder registrieren Sie sich.

Menü erstellen

Jetzt mitmachen!