Objekte fixieren (WebDesigner 9 premium)

marboe schrieb am 04.08.2013 um 17:49 Uhr

Dieses Tutorial zeigt, wie man sehr einfach Objekte fixieren kann; sie also beim scrollen der Webseite immer im Browserfenster sichtbar bleiben. Die Beschreibung ist auch für einfache Navigationsleisten umsetzbar wie auch für Elemente, die neben der Website fixiert werden sollen.

Aktualisierung: Es funktioniert auch mit dem WD 10 premium auf Mobilseiten.
Allerdings habe ich nicht getestet, ob es möglich ist, die fixierten Objekte auch neben der Seite zu platzieren. Dies erscheint mir für die Mobilnutzung auch nicht sinnvoll.

Aktualisierung Juli 2021:

Mit aktuellen Versionen ist eine Fixierung wesentlich einfacher, da dies bereits zum Funktionsumfang des Programms gehört. Gewünschtes Objekt markieren - > Rechtsklick - > fixieren auswählen und diverse Einstellungen vornehmen.

Fixierte Objekte.pdf

Kommentare

marboe schrieb am 05.08.2013 um 12:35 Uhr

Das Tutorial wurde nochmal korrigiert, weil ich einen Punkt nochmal näher erläutern wollte.  Viel Freude beim Gestalten eurer Websiten mit diesem einfachen Procedere!    Gruß Marboe

wabu schrieb am 05.08.2013 um 20:56 Uhr

Bislang habe ich (ein ganz klein wenig) nur mit HTML gemacht

Aber diese Tutorial macht Lust mehr zu machen. Sehr verständlich geschrieben und bebildert und das ganze zu einem sehr interessanten Punkt

Zuletzt geändert von wabu am 05.08.2013, 20:56, insgesamt 2-mal geändert.

wabu ...............der nie auslernt

Der Rechner  Installierter physischer Speicher (RAM) 32,0 GB / Prozessor Intel(R) Core(TM) i7-9700K CPU @ 3.60GHz, 3600 MHz, 8 Kern(e), 8 logische(r) Prozessor(en),

Intel® UHD Graphics 630 aktiviert

NVIDIA Geforce GTX 1650 HDMI ; 2x DVI ; VGA, PCIe

Samsung (SSD) HD103SJ F3 1 TB Sata 7200 / 2x LG GH22NS SATA schwarz

Betriebsystem Microsoft Windows 10 Home Version 10.0.18362 Build 22H2

geschnitten wird seit 2007 mit Magix immer aktuell VdL und ProX

gefilmt mit Panasonic SDT 750 und FZ 1000 sowie Pentax K30 (Mist) und einer Q500k und SJ 1000 und Hero7

fotografiert mit Pentax K10 und K30 (Super)/Sigma 10-20 und 18-200; Fisheye und 500mm Spiegeltele

Mein Kanal: youtube

uh1111 schrieb am 31.08.2013 um 10:28 Uhr

Hallo Marboe

Danke für die gute Beschreibung. Fixe Objekte gehen wirklich ganz einfach.

Kannst du noch genauer Beschreiben, wie du eine Navigationsleiste ein gebunden hat. Kann deine Ausführungen nicht nachvollziehen.

Besten Dank und Gruss

 

 

 

marboe schrieb am 31.08.2013 um 13:35 Uhr

Kannst du noch genauer Beschreiben, wie du eine Navigationsleiste ein gebunden hat.

 

Hallo uh1111,

auch das ist recht einfach. Dazu erstellst du deine Buttons / Navileiste direkt in der FixedTab-Ebene oder bearbeitest eine bereits in der MouseOffEbene vorhandene. Diese muss als erster Schritt komplett aufgelöst werden. Sowohl die weiche Gruppierung als auch die Gruppierung als solches.

Dann verschiebst du die Einzelteile der MouseOff-Ebene in die Fixed-Ebene. Am besten machst du das einfach per Drag&Drop in der Ebenengalerie.

Du hast dann eine Hälfte der Elemente in der FixedEbene und einen Teil in der MouseOver-Ebene. Die jeweils zusammenpassenden Teile markieren (also immer zwei) und wieder weich gruppieren. Wenn das mit allen Teilen getan ist, dann die Buttons in der FixedTab-Ebene markieren und per rechter Maustaste eine Navigationsleiste erstellen lassen.

Hier im Beispiel habe ich die vorgefertigte Leiste also aufgelöst, die Teile aus Mouse Off in die fixierte Ebene verschoben und sie wieder mit den Teilen der Mouse-Over-Ebene weich gruppiert.

In der Ebenengalerie sieht das so aus:

In der Vorschau ist zu sehen, dass es funktioniert. Es sind nicht nur die Textfelder fixiert, sondern auch die Navigationsleiste. Auch wenn das keinen Schönheitspreis verdient, hier ein Bild:

Interessant ist an dieser Stelle, dass es funktioniert obwohl hier im Beispiel die Fixed-Tab-Ebene sogar über der MouseOver-Ebene liegt. Trotzdem klappt es. Warum das so ist, kann ich nicht erklären . Man kann die zwei Ebenen aber auch tauschen. Das ist wurscht.

Solltest du deine Navigationsleiste selbst erstellen wollen, und du mit dieser Beschreibung nicht klar kommen, dann schau mal bei den Tutorials nach. Da habe ich kürzlich eine sehr ausführliche Anleitung gepostet, die du problemlos auch auf eine normale (Nicht-Bilder-)  Navigationsleiste übertragen kannst.

Viel Erfolg! Gruß Martina

HuZi schrieb am 18.09.2013 um 08:35 Uhr

Hallo Marboe!

 

Besten Dank für die ausführliche Anleitung, funktioniert super!

 

lg

HuZi

marboe schrieb am 18.09.2013 um 11:56 Uhr

Hallo Huzi, das freut mich!  Viel Freude weiterhin mit dem Webdesigner.

Gruß Martina

mike.t schrieb am 21.10.2014 um 20:27 Uhr

Hallo,

entweder ich mach was falsch (was weiss ich nicht) aber bei mir funzt das nicht, die Buttons, die in der fixierten Leiste (nicht sichtbar) sind bleiben da wo ich sie hingelegt habe stehen, sind also nicht immer sichtbar ... *ratlos

 

Arbeite normalerweise mit WD 6 ... habe aber die Demo 10

marboe schrieb am 22.10.2014 um 06:21 Uhr

Hallo Mike, ich weiss leider auch nicht was du falsch machst. Dazu müsstest du detailliert beschreiben was du tust. Als häufigsten Fehler würde ich vermuten, dass der Platzhalter welcher den Code für die fixierte Ebene enthält, die Objektseite nicht berührt.... aber das ist Spekulation.

Ausgeschlossen ist ebenfalls nicht, dass deine  Versionen diese Funktion nicht unterstützen. Gruß Martina

Bisch schrieb am 13.12.2014 um 10:38 Uhr

fuktioniert einwandfrei.

genial

GhostK schrieb am 28.01.2015 um 14:27 Uhr

Hallo Marboe,

hat bei mir nach deiner Anleitung auch super funktioniert. Nur wenn ich eine Menüleiste fixiere, dann hab ich keinen MouseOver Effekt mehr. Der Button ändert sich in der Farbe nicht mehr, wenn ich mit der Maus darüber gehe. Hab den WD 10 Premium, hast du eine Ahnung wie ich das wieder richtig stellen kann.

Gruß
CharlieK

Mike.P.E. schrieb am 07.03.2015 um 16:14 Uhr

Ich möchte mich mal an dieser Stelle auch für das gute Tutorial bedanken.

Aber auch gleich mit einer Frage verbunden: Kann es sein, dass das nur bei Betrachtung mit dem IE funktioniert?

Bei Firefox, Chrome und SeaMonkey funktioniert es leider nicht.

Ausserdem ist die Darstellung da mächtig bescheiden.

Kann man das irgendwie etwas schöner hinbekommen?

Mfg Mike

Nachtrag:

so...ich habe nochmal den ganzen Tag gekämpft:

Die in WD eingebetteten Styles scheinen sich irgendwie mit dem zusätzlich "zu Fuß" eingebauten Styles zu "beissen". Ich hatte bei mir in den Webexportoptionen die Animationen aktiviert, um einen Effekt für den Seitenwechsel einzubauen. Resultat ist, dass sich in meinem Falle die Funktion nur mit dem IE nutzen ließ. Bei den allen anderen Browsern funktinierte das Anheften nicht bis hin zur fehlerhaften Darstellung. Ich habe jetzt den animierten Seitenwechsel abgeschaltet (schade), dafür funktioniert das Anheften der der Kopfzeile wenigstens. Evt. unter Betracht des Ansatzpunktes hat ja mal jemand eine Idee, wie sich das lösen lassen könnte...

Ich habe auch mal das mit dem MouseOver-Effekt ausprobiert. Problem bei mir genauso, wenn sich das entsprechende Objekt in der Fixed-Ebene befindet. Irgendwie auch logisch, da für den Effekt die Ebenen MouseOver und MouseOff vorgesehen sind.

Thumbnail schrieb am 20.03.2015 um 07:42 Uhr

Hallo, erstmal vielen Dank für das super Tutorial!

Bei mir klappt alles bestens bis auf den Mouseovereffekt in der Navigsationsleiste, ich bin genau nach deiner Anleitung vorgegangen, bekomme jetzt aber den Mouseovereffekt mit ändernder Schriftfabe nicht hin (Schrift bleibt schwarz obwoh in Mouseover rot...).

Wie du beschreibst, habe ich den einen Teil der Navigationsleiste bei Fixed und den anderen Teil in der Mouseoverebene.

Wenn ich die Navigationsleiste nur in der Mouseoff und Mouseover Ebene erstelle, funzt alles.

Gibts hier Abhilfe?

Danke schon mal!

TBD11 schrieb am 18.05.2015 um 11:37 Uhr

Hallo,

ich muss das Thema noch mal aufrollen: Hab das Tutorial ausgeführt, funktioniert gut. Allerdings erscheint das, was sich in Ebene !FixedTab befindet auf allen Seiten, obwohl nur die 2. seite nach "index" diese Ebene besitzt.

Mache ich was falsch oder habe ich ein Verständnis-Problem?

Danke für Infos!

marboe schrieb am 18.05.2015 um 19:41 Uhr

Hallo TBD11, das liegt ganz sicher an deinen persönlichen Einstellungen. Vielleicht "auf allen Seiten gleiche Ebenen" oder "wiederholen auf allen Seiten".

Guck da nochmal genau nach. Kann das momentan aus Zeitgründen nicht nachbauen... weiß aber sehr genau, dass ich das nicht auf allen Seiten drin hab. HG Martina

juriweiss schrieb am 26.09.2016 um 13:34 Uhr

Besten Dank, funktioniert so weit gut, bis auf eines: ich erhalte nun beim fixierten Objekt oben rechts ein Icon (weisses Kreuz in schwarzem Kreis, siehe Screenshot) - wenn ich das auch noch weg bekäme, wäre as super!

 

marboe schrieb am 26.09.2016 um 17:24 Uhr

Hallo juriweiss, das sind leider zu wenig Infos. Dieser "schliessen-Button" erscheint üblicherweise automatisch bei benutzen einer PopUp Ebene mit Standardeinstellungen. Überprüfe das mal. Vielleicht hat sich da in deiner Navigationsleiste irgendwo ein Link versteckt. Ich bekomme mobil übrigens nur die Startseite als mobil -angepasst angezeigt. Aber das ist ja vielleicht Absicht?  HG Marboe