Seitenbereich mit Schatten von Hintergrund abheben 
Autor: Bernd N.
Besucht 1763,
Followers 1,
Geteilt 0
Hallo zusammen,
als Neuer User von X5 Evolution 14 habe ich die Frage, wie man den gesamten Seitenbereich mit einem Schatten vom Hintergrund abheben kann. Im beigefügten Beispiel sind die gewünschten Schatten mit Pfeilen markiert.
Wäre schön, wenn mir jemand von den Erfahreren auf die Sprünge helfen würde.
Bis denne ...
Gepostet am
Geht nur per CSS Code !
#imContentGraphics {box-shadow: 0px 5px 5px black;}
Autor
Hallo Andreas,
vielen Dank für deinen Tip. Nur bin ich ziemlich ratlos, wo und wie ich den entsprechenden Code in WebsiteX5 einbinden kann. Ich hoffe, es wird nicht zuviel wenn ich dich bitte, mir dazu eine genauere Anleitung zu geben. Bin leider eben noch unerfahren mit der Software.
Bis denne ...
Das ist nur ein CSS Code Tipp! So einfach den Code einfügen und es passt wird es wahrscheinlich nicht spielen.
Du kannst es aber probieren und zwar unter "1" Seo&Code Reiter "Erweitert" vor dem </head> Tag folgenden Code einfügen.
<style>
#imContentGraphics {box-shadow: 0px 5px 5px black;}
</style>
Ist aber ohne Gewähr !
Autor
Danke für die Info und Hinweise, was ich probieren kann. Habe ich - und zumindest schon mal einen Anfangserfolg erhalten: Zumindest der Bereich der Seiten ist an beiden seitlichen Rändern mit Schatten versehen. Und ich habe verstanden, wie ich das Aussehen und die Farbe des Schattens mit diesem CSS-Befehl bestimmen kann.
Leider sind aber der Header- und Fußbereich noch nicht mit Schatten umgeben (siehe Anlage). Gibt's noch eine Stelle im Programm, wo auch diese Bereiche von dem CSS-Code (oder einem anderen Befehl) mit in den Schattenbereich integriert werden?
Autor
Hier die Anlage
der neue Code
#imContentGraphics, #imHeader, #imFooter {box-shadow: 0px 5px 5px black;}
Autor
Danke Andreas, habe es gleich ausprobiert. Und könnte funktionieren, wenn man noch den gesamten Header-Bereich (ohne dessen Hintergrund) zusammen mit allen darunter liegenden Bereichen des Templates um 40 px nach unten verschieben kann. Das geht im Programm ""2 "Vorlagen" ja leider nicht. Dann würde aber auch der obere Rand des Headers mit Schatten versehen sein.
Gibt es da eine praktikable Möglichleit per Code - oder müssten da eure Programmierer ran, mir eine entsprechende Template-Vorlage zu basteln?
Guten Tag,
Im Programm die einzige Möglichkeit ist beim Hintergrund einen Abstand oben einzufügen damit alle Inhalte ausser den Hintergrungsbild oder Farbe nach unten verschoben werden.
Vielen Dank!
Autor
Hallo Claudio,
beim "Hintergrund" des Headers (?) vor der GRAFIK IM HEADER einen Abstand oben einzufügen führt leider dazu, das der gesamte BEREICH DES HEADERS nach unten verschoben wird. So gehts also nicht.
Wie also kriege ich den GESAMTEN Header 40 px nach unten?
Gehe zu -> Vorlage -> Struktur des Templates -> Seitenhintergrund auswählen -> Eigenschaften der Inhalte
Hier gibst Du den Abstand von Oben ein
Autor
Wow, das hat mich auf die Richtige Spur gebrachtm Martin. Nachdem ich deiner Anleitung folgend den gesamten Seitenbereich nach unten verschieben konnte, habe ich die weiter oben vorgeschlagenen Codes mit etwas Überlegung folgendermaßen erweitert:
<style>
#imContentGraphics , #imHeader, #imBody, #imFooter {box-shadow: 0px 3px 5px grey;}
</style>
Mit den genutzten Werten ist nun der gesamte Seitenbereich gegen den Hintergund mit einem kompletten Schatten abgesetzt - und zwar sogar ohne störende Schatten-Restlinien zwischen Header, Inhaltsbereich und Footer.
Vielen Dand für alle erhaltenen Tips!