Navigation, Logo in der Mitte

[ab2211]

Hallo!

ich habe eine Menü mit zwei Punkten links und zwei Punkten rechts, in der Mitte das Logo. Ich überlege und suche nach Anregungen...

[Spooky]

Hallo!

ich habe eine Menü mit zwei Punkten links und zwei Punkten rechts, in der Mitte das Logo. Ich überlege und suche nach Anregungen...

Variante 1:

Das Menü auftrennen durch folgende Seitenstruktur:

Website Root
    |- Links
        |- Lorem
        |- Ipsum
    |- Rechts
        |- Dolor
        |- Sit

Du legst also zwei Navigationsmodule an, einmal mit der Referenzseite auf "Links", einmal mit der Referenzseite auf "Rechts". Dann legst du auch noch ein HTML Modul an für das Logo. Danach bindest du im Seitenlayout das Linke Navigationsmodul, das Logo und das rechte Navigationsmodul ein. Per CSS positionierst du alles wie gehabt.

Variante 2:

Das Logo als Teil des Menüs machen:

Website Root
    |- Start (im Menü versteckt)
    |- Lorem
    |- Ipsum
    |- Logo (interne Weiterleitung auf "Start", CSS Klasse "Logo")
    |- Dolor
    |- Sit

Per CSS gestaltest du den Menüpunkt für "Logo" dann so, dass dort (als Background Image bspw.) das Logo zu sehen ist.

Variante 2b:

Wie Variante 2, nur änderst du dein nav_default Template so, dass für den Menüpunkt "Logo" anderes HTML innerhalb des <li> ausgegeben wird.

Vielleicht fällt jemand noch eine Variante ein

[ab2211]

Merci!

Variante 1 hatte ich zuerst, aber ich weiss nicht, ob das dann mit dem mmenu funktioniert?
Variante zwei habe ich mal roh eingebaut, da mussi ch adann aber ziemlich rechnen/floaten.
Mehr ist mir auch nicht eingefallen, höchstens noch einen extra-Layer drüberlegen...

[Kim]

Du kannst den Seiten auch einfach ein Klasse zuweisen und diese dann so separieren.
Siehe hier: http://www.drumcandy.de/


Das Mmenu kannst du ja ab einem gewissen Viewport einblenden und die normale Navigation dementsprechend ausblenden.

[ab2211]

Merci!

Ich habs jetzt so gemacht, dass ich den beiden rechten Menüpunkten eine float:right gegeben habe. Das Logo habe ich als Modul mit margin-left/right auto platziert.