Navigationsleiste fest (Scrolleffekt)

Flokstar schrieb am 10.10.2014 um 09:31 Uhr

Hallo Leute!

Hab mir vorgenommen den Scrolleffekt in meine Homepage einzubauen...
Funktioniert auch alles ;-)

Nun möchte ich aber meine Navigationsleiste in die Ebene !FixedTab einfügen, sodass auch der MouseOver Effekt "stehen" bleibt beim scrollen. (arbeite mit WD10 Premium).

Besser gesagt: Ich möchte meine Navigationsleiste Fix im Oberen Bereich haben inkl MouseOver Effekt.

Vielen Dank für eure Hilfe!

LG Flo

Kommentare

marboe schrieb am 10.10.2014 um 11:45 Uhr

Hallo Flo,

es nutzt nix die Frage doppelt zu stellen: http://www.magix.info/de/mouseover-fuer-ebene-fixedtab-navigationsleiste.wissen.1108247.html

Der Thread sollte also geschlossen werden.

Bezugnehmend auf eine PN von dir: es ist mit ziemlich viel Aufwand verbunden, eine mundfertige Lösung zu präsentieren. Dazu habe ich momentan nicht die Zeit.
Meine Empfehlung: arbeite diesen Thread (und noch weitere hier im Forum) genau durch; am besten mit einem neuen Projekt wo du nur das testest.
Denn: in deinem Bild sind so eklatante Aufbaufehler, dass ich bezweifle, dass du dies getan hast. Der Einbau von fixierten Ebenen ist kein Pappenstiel und brauch eine gewisse Einarbeitung.
Wenn du den Thread nachgebaut hast, wirst du das Prinzip sicher besser verstehen. So zB auch, dass ein MouseOver einer !FixedTab Ebene logisch auch !FixedTabMouseOver-2 heissen muss. Du kannst diese Ebenen auch anders benennen; aber das Ausrufezeichen und die gleichen Namensanfänge müssen sein.

Hier findest du ein Tutorial dazu: http://www.magix.info/de/objekte-fixieren-webdesigner-9-premium.online-training.1014863.html

Gruß Martina

Flokstar schrieb am 10.10.2014 um 11:52 Uhr

Hallo Martina!

Ja ich weiß - sorry - dachte ich habe eventuell einen zu undeutlichen Titel für den Thread gewählt - werde ihn natürlich löschen.

Ok dann werde ich an diesem Thread weiter drann bleiben...

Könntest du mich nur kurz grob sagen, welche eklatante Aufbaufehler du meinst?

LG Flo

koppere schrieb am 10.10.2014 um 12:14 Uhr

evtl. lies dir den thread da mal durch

http://www.magix.info/de/fixedtab-menue-problem..wissen.1106748.html?sort=newest&limit=20

Flokstar schrieb am 10.10.2014 um 13:44 Uhr

Hallo!

Danke erstmals für die Hineweise auf die Threads - habe mir diese durchgelesen und es ausprobiert.

Wie beschrieben habe ich die "!FixedTab" Ebene und die "!FixedTabMouseOver" Ebene über die MouseOff- und MouseOver Ebene gelegt.

In die "!FixedTab" Ebene habe ich den Platzhalter erstellt mit dem jeweiligen Code.
Danach alles was als MouseOff fest verankert sein soll reingeschoben.

In die "!FixedTabMouseOver" Ebene habe ich die MouseOver Button fürs Menü (jeden einzelnen Button mit weicher Gruppe) gegeben.

Also so sehen meine Ebenen aus:

Status: die gewünschten Buttons der MouseOff Ebene, also der "!FixedTab" Ebene funktionieren, aber die MouseOver ("!FixedTabMouseOver") nicht.

Vielen Dank für eure Hilfe!

LG Flo

marboe schrieb am 10.10.2014 um 17:18 Uhr

Hallo, wie bereits geschrieben und auch in den verlinkten Threads zu lesen, Soll die Ebene MouseOver - 2 heißen. Gruß Martina

Flokstar schrieb am 10.10.2014 um 20:07 Uhr

Hallo Martina!

Habe die Ebene "MouseOver - 2" benannt und die gewünschten MouseOver Effekte dort erstellt (Navigationsleiste).
Der Platzhalter mit dem folgenden Code befindet sich auf der "!FixedTab" Ebene:

</div></a></div></div>
<div style="position:fixed;top:0px">
<div><a><div>

In der Vorschau bleiben nur die MouseOff ("!FixedTab") Button sichtbar, jedoch noch immer nicht die MouseOver - habe aber die Ebene als MouseOver - 2 bezeichnet.

Soll ich den Platzhalter mit dem Code auch in die MouseOver - 2 Ebene geben?

Was mach ich denn nur falsch?

LG Flo

marboe schrieb am 11.10.2014 um 06:55 Uhr

Was du falsch machst? - das ist ganz einfach: du liest nicht! Der Name der Ebene ist immer noch falsch. Offensichtlich hast du den Ebenenaufbau immer noch nicht verstanden. Das bei einem Mouseover eine weiche Gruppe vorhanden sein muss, weisst du? Das kann man im Bild leider nicht erkennen. Gruß Martina

Flokstar schrieb am 11.10.2014 um 08:23 Uhr

Guten Morgen Martina!

Sorry - ja du hast recht, da hab ich was überlesen...

Habe nun die gewünschte MouseOver Ebene auf "!FixedTabMouseOver-2" unbenannt.
Darin liegen die MouseOver Effekte für die Navigationsleisten (mit weicher Gruppe).

Der Platzhalter auf der "!FixedTab" Ebene hat folgende Einstellungen:

Ich lese und lese deine wirklich gut beschriebenen Threads durch, aber ich komm nicht drauf... :-(
 

marboe schrieb am 11.10.2014 um 09:41 Uhr

Hi, der Name ist jetzt wohl richtig :-) . Den Rest kann ich mit dem Handy schlecht beurteilen. Muss ich genauer gucken. Gruß Martina

Flokstar schrieb am 11.10.2014 um 10:11 Uhr

Hy!

Ok wenigstens mal was richtig ;-)

Habe auch die Untermenü's in den Navigationsleisten rausgegeben, es klappt nicht.

Meine Vermutung ist, dass ich bei den Einstellungen einen Fehler habe... komme aber nicht drauf...

Das sind die Einstellungen von meinem Platzhalter auf der "!FixedTab"-Ebene:

Das sind die Einstellungen von der Navigationsleiste im Solomodus auf der "!FixedTab"-Ebene:

Das sind die Einstellungen von der Navigationsleiste im Solomodus auf der "!FixedTabMouseOver-2"-Ebene:

Irgendwo muss der Fehler liegen... habe mir nun alle Threads ausgedruckt und durchgelesen... es funktioniert nicht, bin am verzweifeln :-(

 

marboe schrieb am 11.10.2014 um 13:07 Uhr

Hallo Flo,

das Bild vom 11.10.  11:28 uhr ist merkwürdig:

Der Platzhalter, der den Fixier-Code beinhaltet sollte auf die eigene Ebene verweisen; also !FixedTab.

Du hast hier auf die MouseOver verlinkt, das ist definitiv falsch.
Beachte hierzu bitte die anleitung im weiter unten verlinkten Tutorial.
Hier um 10:11 Uhr ist es richtig:

Das lässt die Vermutung zu, dass du versuchst einer !FixedTab-Ebene einen MouseOver mitzugeben. Das ist natürlich humbug.
Wenn überhaupt kann ein Objekt in dieser Ebene einen MouseOver erhalten. In deinem Falle also die Buttons der Navileiste. Und zwar jeder einzel - bevor du daraus eine Navi machst.
Es ist ja auch denkbar, dass in einer fixierten Ebene Objekte sein sollen, die eben genau keinen MouseOver haben sollen oder eben nicht brauchen wie zB Text oder ein Foto.

Du hast offensichtlich zwei verschiedene Navileisten in deinem Objekt. Das macht es erst recht unübersichtlich. Von daher will ich dazu nicht mehr schreiben als ganz allgemein:
Jeder Button, jedes Objekt kann (nicht muss) einen MouseOver-Effekt bekommen, der dann immer in eine MouseOver-Ebene muss, die darüber liegt. Hast du mehrere MouseOverebenen in einer fixierten Ebene wie deiner, dann gilt:

!aepfelMouseOver-4
!aepfel
!apfelsinenMouseOver-3
!apfelsinen
!erdbeerenMouseOver-2
!erdbeeren
MouseOver
MouseOff

Niemals aber bekommt eine ganze Ebene einen solchen Effekt.

In den anderen Bildern kann ich keinen Fehler erkennen - außer der schon erwähnte, dass ich nicht sehen kann, ob der MouseOver-2, den du bei markierter Navileiste eingestellt hast, nicht doch die ganze Ebene betrifft, aber natürlich nur jeden einzelnen Button betreffen soll.

Es gibt bei YouTube ein sehr gutes Video zum Erstellen von Navileisten. Such das doch mal, und kontrolliere ob du den MouseOver wirklich so gemacht hast.
Oder anderer Ansatz: erstelle deine Navi erst mal in normalen Ebenen und verschiebe sie dann in die Fixierte Ebene (wobei dabei die Navileiste wieder aufgelöst werden muss. Da muss man sicher in der Ebenentechnik sein). Gruß Martina

 

Flokstar schrieb am 11.10.2014 um 14:49 Uhr

Hy Martina!

Danke erstmals für deine Zeit und Geduld und vorallem Hilfe!

Habe nun die 2 Navigationsleisten aufgelöst und für jeden einzelnen Button eine eigene Ebene erstellt.

Der MouseOver Effekt funktioniert - jeder einzelne Button reagiert - aber wenn ich runter scrolle nicht mehr, nur wenn ich mit dem Bild ganz oben bin... :-/

Muss ja dann quasi an den jeweiligen einzelnen Platzhaltern liegen...
So hab ich nun zum Beispiel den Platzhalter auf der "!FixedTab-LINKS" Ebene eingestellt:

Lt. Turotrial soll der Platzhalter, der auf der jeweiligen !FixedTab Ebene liegt, eine Verlinkung auf die eigene PopUp-Ebene erhalten - habe ich gemacht...

Jetzt steh ich glaub ich kurz davor es zu schaffen, doch irgendwas habe ich übersehen...

DANKE NOCHMALS FÜR DEINE MÜHE UND HILFE!

LG Flo

marboe schrieb am 12.10.2014 um 05:55 Uhr

Hallo Flo, warum du das jetzt so gemacht hast, muss man nicht verstehen oder? Ist es nicht einfacher daraus wieder eine Navigationsleiste zu machen? Oder auch zwei wenn das Design es erfordert?

Mach doch aus dem jetzigen Entwicklungsstand folgendes: lege auf den MouseOver eine scroll to top Anweisung per Javascript,das sieht sicher sehr cool aus. Damit scrollt die Seite bei Klick auf einen Button immer nach oben und ruft dann die neue Seite auf. Gruß Martina