WebSite X5Help Center

 
Bernd N.
Bernd N.
User

Seitenbereich mit Schatten von Hintergrund abheben  de

Autor: Bernd N.
Besucht 1733, 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
11 ANTWORTEN - 3 NüTZLICH - 1 KORREKT
Andreas S.
Andreas S.
Moderator
Nutzer des Monats DE

Geht nur per CSS Code !

#imContentGraphics {box-shadow: 0px 5px 5px black;}

Mehr lesen
Gepostet am von Andreas S.
Bernd N.
Bernd N.
User
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 ...

Mehr lesen
Gepostet am von Bernd N.
Andreas S.
Andreas S.
Moderator
Nutzer des Monats DE

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 !

Mehr lesen
Gepostet am von Andreas S.
Bernd N.
Bernd N.
User
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?

Mehr lesen
Gepostet am von Bernd N.
Bernd N.
Bernd N.
User
Autor

Hier die Anlage

Mehr lesen
Gepostet am von Bernd N.
Andreas S.
Andreas S.
Moderator
Nutzer des Monats DE

der neue Code

#imContentGraphics, #imHeader, #imFooter {box-shadow: 0px 5px 5px black;}

Mehr lesen
Gepostet am von Andreas S.
Bernd N.
Bernd N.
User
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?

Mehr lesen
Gepostet am von Bernd N.
Incomedia
Claudio D.
Incomedia

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!

Mehr lesen
Gepostet am von Claudio D.
Bernd N.
Bernd N.
User
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?

Mehr lesen
Gepostet am von Bernd N.
Martin H.
Martin H.
User

Gehe zu -> Vorlage -> Struktur des Templates -> Seitenhintergrund auswählen -> Eigenschaften der Inhalte

Hier gibst Du den Abstand von Oben ein

Mehr lesen
Gepostet am von Martin H.
Bernd N.
Bernd N.
User
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!

Mehr lesen
Gepostet am von Bernd N.