WebSite X5Help Center

 
Bernd N.
Bernd N.
User

Seitenbereich mit Schatten von Hintergrund abheben  de

Автор: Bernd N.
Просмотрено 1765, Подписчики 1, Размещенный 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 ...

Размещено
11 Ответы - 3 Полезно - 1 Корректно
Andreas S.
Andreas S.
Moderator
Лучший пользователь месяца DE

Geht nur per CSS Code !

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

Читать больше
Размещено От Andreas S.
Bernd N.
Bernd N.
User
Автор

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 ...

Читать больше
Размещено От Bernd N.
Andreas S.
Andreas S.
Moderator
Лучший пользователь месяца 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 !

Читать больше
Размещено От Andreas S.
Bernd N.
Bernd N.
User
Автор

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?

Читать больше
Размещено От Bernd N.
Bernd N.
Bernd N.
User
Автор

Hier die Anlage

Читать больше
Размещено От Bernd N.
Andreas S.
Andreas S.
Moderator
Лучший пользователь месяца DE

der neue Code

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

Читать больше
Размещено От Andreas S.
Bernd N.
Bernd N.
User
Автор

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?

Читать больше
Размещено От 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!

Читать больше
Размещено От Claudio D.
Bernd N.
Bernd N.
User
Автор

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?

Читать больше
Размещено От 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

Читать больше
Размещено От Martin H.
Bernd N.
Bernd N.
User
Автор

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!

Читать больше
Размещено От Bernd N.