Web Designer 7 Prem Navigationsleiste aufklappbar

jmiddel schrieb am 17.02.2012 um 10:36 Uhr

Seit Tagen beschäftige ich mich mit der Navigationsleiste im Web Designer 7 Premium und schaffe es nicht die Navigaionsleiste so aufzubauen, das Untermenüs aufgeklappt werden.

Ich habe einen Entwurf der Webseite beilegt, woraus ersichtlich ist wie die Menüs und Untermenüs aussehen sollen.

Ich habe in den Foren keine Anregung finden können.

Für Hilfe wäre ich wirklich sehr, sehr dankbar.

Kommentare

BeRo schrieb am 17.02.2012 um 14:16 Uhr

[...] schaffe es nicht die Navigaionsleiste so aufzubauen, das Untermenüs aufgeklappt werden. [...]

Wie das auf die "normale" Art gemacht wird, habe ich hier, in einem anderen Thread, in einem Minitutorial zusammengefasst.

Du möchtest aber scheinbar, dass sich die Untermenüs innerhalb er Navileiste öffnen und die restlichen Buttons nach unten "weggedrückt" werden.

Auch das ist möglich, wenn auch mit ein paar Tricks.

Du musst lediglich mit mehreren "normalen" Navileisten arbeiten, die Du kombinierst.
Im Extremfall bedeutet das, dass jeder Button für sich eine eigenständige Navileiste darstellt, die auf den Unterseiten mit weiteren, vertikal angeordneten, individuell formatierten Buttons ausgestattet wurde.
Für den Betrachter sieht das dann so aus, als hätte sich ein Untermenü mit x Items geöffnet

Real arbeitest Du also mit mehreren Navileisten, die auf den betreffenden Seiten so angeordnet werden, dass auf den Hauptseiten der Eindruck einer homogenen, einzelnen Navileiste entsteht. Nach Anklicken eines Button wird auf eine Unterseite verlinkt, auf der es dann so aussieht, als würde die Navileiste durch eingeblendete Untermenüs auseinandergezogen.

Du musst nur dafür sorgen, dass Du die einzelnen, neuen Navileisten in der richtigen Art vervielfältigst (Option: "auf allen Seiten wiederholen"), damit Du nicht ein Durcheinander von halben-, neuen-, verschobenen- und alten Navileisten auf den einzelnen Seiten siehst 

Klick mal hier, da habe ich eine Demo abgelegt, die ich auf die Schnelle mit einer Vorlagen-Site des WD gestrickt habe

Wenn Du in der Vorlage auf den Button "Produkte" klickst, siehst Du den Effekt.
Natürlich lasst sich das Aussehen- und die Position  der „Untermenü“ Button beliebig gestalten.
Ein Effekt, wie er auf der von Dir geposteten Site zu sehen ist, ist also genau so machbar.
Die funktionsfähige Vorlage "menu-x2.zip" kannst Du Dir hier herunterladen und gerne für eigene Experimente verwenden.
Die angegebenen Links bleiben für ca. 30 Tage aktiv.

Wer später noch Bedarf hat, kann mir gerne eine PN, mit E-Mail Adresse schreiben.

-----------------

Edit 20.05.2014

Links zur Demo und zur Projektdatei korrigiert

Zuletzt geändert von BeRo am 20.05.2014, 00:14, insgesamt 2-mal geändert.

Auf den Tag genau gehen heute, am 14.08.2021, 10 Jahre online Support für die Community zu Ende.
Ich freue mich auf eine neue, berufliche Herausforderung, die sich gerade ergeben hat. Leider bleibt dann keine Zeit mehr für die Community übrig, aber Ihr seid bei den aktiven Mitgliedern in besten Händen.
Sicher schaue ich auch ab und zu nochmal rein... 🤓

Padau schrieb am 14.02.2014 um 15:17 Uhr

Hallo zusammen

Ich arbeite mit Webdesigner Premium 9 und möchte das gleiche Ergebnis wie jmiddel.

Gib es mittlerweile ein einfachere Art ein solche Navigtionsleiste zu erstellen?

Gruss Padau

BeRo schrieb am 14.02.2014 um 18:04 Uhr

@ Padau

Nein, leider nicht, soweit es die Möglichkeiten des WD9 betrifft.

Im Netz kursieren zwar einige Anleitungen zu dem Thema, die lassen sich aber nur mit Zusatzprogrammierung in den WD übernehmen. Und selbst dann müsstest Du das restliche Layout darauf abstimmen...

Zuletzt geändert von BeRo am 14.02.2014, 18:04, insgesamt 1-mal geändert.

Auf den Tag genau gehen heute, am 14.08.2021, 10 Jahre online Support für die Community zu Ende.
Ich freue mich auf eine neue, berufliche Herausforderung, die sich gerade ergeben hat. Leider bleibt dann keine Zeit mehr für die Community übrig, aber Ihr seid bei den aktiven Mitgliedern in besten Händen.
Sicher schaue ich auch ab und zu nochmal rein... 🤓