Hintergrund Bilder beim Scrollen verändern, welche Vorlage? ![de](https://d33s48lcrmbkow.cloudfront.net/1x1.png)
Author: L S.Hallo Team,
ich möchte gerne eine neue Page erstellen, welche so aufgebaut sein soll:
Die Homepage soll ein Hintergrundbild aufweisen, welches den ganzen Bildschirm deckt. Das Menü ungefähr in der Mittel der Page als Balken mit 4-5 Menü-Punkten neben einander. Beim Klick auf den entsprechenden Menüpunkt soll es direkt zum entsprechenden Punkt scrollen, wobei der Menü-Balken dann automatisch zuoberst an der Seite verschoben und immer sichtbar sein soll. Dies soll auch beim manuellen Scrollen nach unten automatisch nach oben und immer sichtbar sein. Wie kann ich das machen?
Ausserdem würde ich gerne, je nachdem auf welchen Punkt man geht, das Hintergrundbild automatisch anpassen, also:
- Click auf Punkt eins scrollt zum Punkt 1, schiebt das Menü an den oberen Rand und Zeigt Bild 1 als Hintergrund, darüber dann den Text
- Click auf Punkt zwei scrollt zum Punkt 2, Menü am oberen Rand und Zeigt Bild 2 als Hintergrund, darüber dann den Text usw...
Ich habe mir gestern die neue Version X5 Version 13 gekauft, da ich dort unter "Ideen" folgende Page gefunden habe, welche genau das macht was ich benötige:
https://livepreview.incomedia.eu/sample_sites/v13/photolica/?_ga=1.176054122.975616572.1478587939
Unter welcher Template kann ich meine Page genau in dieser Form erstellen? Würde diese allenfalls auch gerne kaufen, wenn es keine Gratis-Template gibt. Dies war aber genau der Grund, weshalb ich mich für das kostenpflichte Update entschieden habe..
Besten Dank und freundliche Grüsse
Author
Hallo Team,
als Nachtrag nur noch das. Auf eurer Homepage erscheinen ja mehrere Homepages, welche anscheinend anhand von offiziellen X5-Templates generiert wurden. Wenn es keine fertige Template gibt für oben genanntes Projekt (Photolica oder DresShop / Store Online), würde ich gerne wissen, mit welcher eurer Templates dies aufgebaut wurde und wo ich Informationen / Guide für die Erstellung von genau so einer Seite mit oben genannten Kriterien erhalte.
Besten Dank und beste Grüsse
LS
Guten Tag,
Zur Zeit sind diese Projekte nicht verfügbar. Um diese Effekte zu erstellen wurde die Funktion Zeilenstil benutzt:
http://help.websitex5.com/de/v13/pro/index.html?aspetto_riga.htm
Mit dieser können Sie Bilder nhinter den Objekten einstellewn um die Zeilen zu gestalten die bis zum Rand des Browser angezeigt werden. Diese Einstellung bei mehereren OBejkten eingebunden werden damit diese den gleichen Bild benutzen.
Vielen Dank!
Author
Hallo Claudio,
vielen Dank für den Link. Ich habe es versucht, aber es klappt nicht ganz, respektive ist mir nicht ganz klar, was ich wo in welchen Zeilen einfügen muss, damit dies diesen Effekt hat.
Meine Seiten haben 6 Spalten, wobei die 1. und die 6. jeweils leer sind. In den Spalten 2-5 setze ich dann entsprechend die Texte ein, meistens sogar über die gesamten Zeilen gestreckt. Ich habe versucht, auf der ersten Zeile einen Text einzufügen mit weissem Hintergrund, in der Vorschau wird auch der schwarze Hintergrund gezeigt, darüber der Text in der weissen Box, was auch ok ist.
Wenn ich dann aber auf der zweiten Zeile den Zeilenstil auf Bild ändere, gestreckt über die Gesamtbreite wird das Bild auch angezeigt, was auch ok ist.
Wenn ich dann aber in der 3. Zeile wieder ein Textbox einfüge und in der Vorschaue runterscrolle, bleibt das 1. Bild starr. Ich habe dann versucht die Textzelle zu vergrössern mit enter-Tasten, dann kann ich zwar runterscrollen, aber das Zeite Hintergrundbild erscheint nicht. Anbei ein png-bild wie es aussehen sollte.
Was genau muss ich in welcher Zelle eingeben, damit ich einerseits den Gesamttext runterscrollen kann, im Hintergrund aber alle Bilder nach einander so gezeigt und mit gescrollt werden?
Vielen Dank und beste Grüsse
LS
Guten Tag,
Ich habe nicht genau verstanden was bei der 3. Zeile passiert.
Wie genau sollen die Bilder verschwinden?
Die Objekte müssen einen Inhalt haben. Da Sie leehre Zeilen haben wollen ist besser das HTML Code Objekt zu benutzen wo Sie die Höhe genau einstellen können.
Vielen Dank!
Author
Hallo Claudio,
Im Prinzip soll es dann genauso werden wie in der Musterpage DRESHOP, für welche keine Template besteht aber offensichtlich über Website X5 gemacht wurde (Verison 13, wie meine)
Also so:
Im Hintergrund der Page soll beim Öffnen ein Bild drauf sein über die Gesamtbreite. Die Seiten selbst werden zentriert sein, zum Teil Transparent, damit man das Hintergrundbild sieht. Beim scrollen soll dann aber der transparente Text nach oben gehen, das Hintergrundbild aber auch, damit dann weiter unten dann das zweite Hintergrundbild gezeigt wird.
Anbei nochmals ein File, damit du siehst was ich meine. Prinzipiell will ich die Seite so aufbauen, was laut dir mit dem Zellenstil möglich ist. Ich habe nun mehrere Sachen versucht (analog dem ersten bild von gestern), bringe es aber nicht hin.
Könntest du mir bitte helfen wie ich dies so machen kann und bitte explizit erklären? Anhand der Links vom Handbuch habe ich es nicht hinbekommen und diese Möglichkeit war ein Grund, weshalb ich die kostenpflichtige Professional 13 Version gekauft habt..
Danke nochmals und Grüsse!
LS
Meinst du so was wie das hier? http://www.webdesign-markersdorf.at/collegiate/
Ich habe auch das Mustertemplate "MyRosemary" nachgebaut so wie hier https://livepreview.incomedia.eu/sample_sites/v13/rosemary/?_ga=1.43069409.590263083.1455812401
Hier das Tutorial für die erste Seite ca.(90%) http://www.webdesign-markersdorf.at/videotutorial.html
Author
WOW Andreas, das ist ja super, genau so meinte ich es!! Vielen Dank für deine grossartige Hilfe und das Tutorial!
Nur noch eine kleine Frage (hoffe ich zumindest :-))
Ich möchte gerne alles auf der Homepage haben (eine Seite). Die einzelnen "Sektionen" aber jeweils Mittels Click auf der Menü-Ebene anwählbar, sodass man auf der Menüzeile (welche immer sichtbar sein soll) klicken kann und den Besucher automatisch auf die entsprechende Zeile führt. Weisst du, wie ich so ein Menü errichten kann mit 4-5 Punkten und so verknüpfen, dass beim Klick automatisch runter gescrollt wird an die richtie Stelle? Habe zwar einzelne Zeilen mit einem Anker versehen, weiss aber nicht genau wie ich diesen Anker mit einem Menüpunkt so verlinken kann, vor allem weil ich ja nicht wirklich mehrere Pages habe sondern alles auf eine Page packe..
Danke nochmals für deine grosse Hilfe und beste Grüsse
LS
JA, in dem du für das Menü nur Ebenen verwendest und nur die Startseite als Seite lässt. Dann verlinkst du die Ebenen mit der Startseite und als Zusatz den Anker den du auf OBjekten setzen kannst.