verdecktes drop-down-menü / eigenes design

dedi schrieb am 19.01.2013 um 11:54 Uhr

Hallo....vielleicht kann mir jemand n Tip geben...ich brech mir hier bald das Hirn  ;)

Kurz: Ich möchte den Reiter /Button/Schaltfläche eines Navigations-drop-down-menüs mit einem eigenen Design überdecken, denn ich gestalte meine Seite komplett selbst, sprich: ich nutze keinerlei Buttons, Navigationsleisten ect aus der Design-Galerie, BRAUCHE aber nunmal ein drop-down-menü.

Das fuktioniert auch mit einem Buttons, da man ihnen auch Unterpunkte zuteilen kann. So weit, so gut.       Damit ich aber dieses drop-down in meinem eigenen Design einbinden kann, müßte ich den Button selbst sozusagen "unsichtbar" bekommen, aber natürlich so, das bei mouse-over dennoch das drop-down aufgeht. Das bekomme ich aber nicht hin.....weder durch Transparenz, noch durch Überlagerung mit Grafiken. Sobald ich eine Fläche/ein Bild/ o.ä auf einer Ebene darüber packe, verliert der button darunter seine Funktion ODER wird bei mouse over wieder sichtbar.  

Vielleicht bin ich falsch herangegangen. Kann mir jemand einen Tip geben?

Liebe Grüße,

dedi

Kommentare

marboe schrieb am 19.01.2013 um 16:54 Uhr

Hallo dedi,

wenn du keine fertige NavBar des WD nutzen willst, heißt das ja nicht, dass du nicht die Funktion "Navigationsleiste" nutzen kannst.

Ich würde dir also raten einen Button zu erstellen (zwei Objekte in zwei Ebenen, verknüpft wie in der Hilfe zum Erstellen eines Buttons erklärt) -> diesen dann zu markieren (alle Ebenen; also das Objekt in MouseOff und das Objekt in MouseOver) und dann per Rechtsklick die Funktion Navigationsleiste erstellen anwählen. Dann funktionieren die Untermenüs genaus so wie du es gerne hättest. Farblich und anderweitig ändern kannst du diese Untermenüs dann über das "Navileiste bearbeiten" und die weiteren Einstellmöglichkeiten.

Dieses Vorgehen ist sogar mit nur einem einzigen Button möglich. Du könntest sogar Bilder als Button verwenden. Wichtig ist dann nur der Vorgang des Gruppierens (siehe Hilfe F1)

Wenn du irgendwo hängen bleibst, dann melde dich gerne nochmal. Viel Erfolg! Martina

dedi schrieb am 19.01.2013 um 17:17 Uhr

Hey marboe....

Danke für deine Antwort.

Scheine tatsächlich noch einiges an Einarbeitungszeit zu brauchen. Mir fehlt offensichtlich noch einiges an Grundverständnis für das Programm.

Dein Rat liest sich jedenfalls noch vollkommen fremd  ;)   ...Aber werde es mal so probieren - vorausgesetzt ich verstehe dann überhaupt deine Anleitung...bisher tu ich es nämlich nicht... ;)

Danke soweit!

dedi

marboe schrieb am 19.01.2013 um 19:46 Uhr

Das geht sicher jedem so am Anfang. Hoffentlich liebst du das Programm dann am Ende genauso wie ich. Es bietet einfach tolle Möglichkeiten...

Am besten machst du erst mal mit einer Probeseite deine ersten Gehversuche. Sonst hast du in deinem richtigen Projekt dann jede Menge Leichen die u.U. sogar zu Fehlfunktionen führen können.  Für das Erstellen von NavBars gibt es jede Menge Tutorials; hier und auf YouTube. Viel Spaß beim Arbeiten mit dem WD! Gruß Martina

marboe schrieb am 20.01.2013 um 13:15 Uhr

Soo, heute morgen hatte ich ein bisschen Zeit ... und da ich selbst lieber mit Bildern arbeite.

Du erstellst als erstes dein Rechteck und die Beschriftung. Das könnte auch ein Bild sein, oder der Text steht untendrunter ... völlig egal. Dann gruppierst du das ganze wie gezeigt.

Diese Gruppe kopierst du mit STRG+C in deinen Arbeitsspeicher. Dann markierst du die MouseOver -Ebene und wählst unter Bearbeiten/ Einfügen die Option "an Position einfügen". Damit ist sichergestellt, dass beide Buttons genau übereinanderliegen.

Danach schaltest du die MouseOff-Ebene unsichtbar weil du ja wahrscheinlich einen MouseOver-Effekt herstellen willst um dem User anzuzeigen wo er grad ist. Nun kannst du nur noch Änderungen in der MouseOver-Ebene durchführen bzw bekämst eine Rückfrage vom Programm wenn du aus Versehen in die falsche Ebene etwas einfügen wolltest. Es ist also jetzt nur noch die MouseOver-Ebene zu sehen und bearbeitbar.

Nun die Gruppe auflösen um die Veränderungen vorzunehmen.

Nach dem Durchführen der Änderungen (hier nur die Schrift) beide Teile wieder markieren und gruppieren.

Um beide Buttons in den Ebenen zu vereinen sollte man sie nun weich gruppieren damit Textänderungen gleich auf beiden Ebenen durchgeführt werden und auch wieder deckungsgleich sind. (Die Webeinstellungen "was passiert wenn ich auf den Button klicke" entfällt bei dir)

Nun muss dem Button in der MouseOff-Ebene gesagt werden, dass bei einem drüberfahren mit der Maus die MouseOver-Ebene angezeigt werden soll. Das geht grundlegend auch über die Webeinstellungen. Da du aber später ja auch Untermenüs haben willst, ist die bevorzugte Variante dann aber anders:

Da die Buttons mittlerweile weich gruppiert sind, sind sie auch beide markiert wenn man einen anklickt. Auch wenn noch das Auge auf unsichtbar ist!.

Nach klick auf die rechte Maustaste kann die Funktion "Navigationsleiste erstellen " ausgewählt werden. Danach erscheint das Einstellungsmenü das je nach Geschmack geändert werden kann. Für die Untermenüs brauchen wir den PopUp-Menüstil.

Hier sind also die persönlichen Einstellungen für das Untermenü vorzunehmen.

Die Einstellung im Fenster davor, "Gruppe auflösen um Grafiken zu bearbeiten" entfällt bei dir völlig. Dies sind die Einstellungen die du durch das Selbstbauen deines Buttons ja schon vorgenommen hast. Dort würde man etwas ändern, wenn die von Magix in den Vorlagen vorhandenen NavBars nicht ganz den eigenen Vorstellungen entsprechen.

Ich hoffe die Bilder helfen dir ein wenig. Viel Spaß beim creativen Erstellen deiner Buttons und Untermenüs. Wenn du übrigens unter den Einstellungen der Navileiste auf eines der Kreuze klickst, dann kannst du nicht nur Untermenüs erstellen, sondern auch sehr einfach weitere Buttons erzeugen. Du brauchst dir die Arbeit des Erstellens / Zeichnens also nur einmal machen. Viel Erfolg! HG Martina

 

dedi schrieb am 21.01.2013 um 18:05 Uhr

An marboe:

Woooooow  !  Dat glaub ich ja nich!!  Ist ja schon n Tutorial! Vielen, vielen Dank für deine Mühe ! Das weiß ich echt zu schätzen!!

Hab gerade leider keine Zeit das Ganze zu lesen / auszuprobieren, werde mich aber die Woche nochmal ransetzen.

Echt super Martina !  :)

Liebe Grüße !

Dedi