Inhalt vom Hintergrund absetzen!

[sokdi4711]

Hallo,
ich möchte gerne auf meinem Blog unten zu sehendes Layout vewenden.

Ich würde jetzt gerne den relevanten Bereich(2) vom Hintergrund (1) so abheben, dass eine Art Stufeneffekt entsteht und 2 hervorgehoben wird.

Wie macht man soetwas am besten?
Ich habe schon ein wenig rumprobiert, wie man sieht... aber das Ergebnis stellt mich nicht so recht zufrieden.

Ich habe schon desöfteren Webseiten gesehen, wo das gut gelöst ist, aber wie immer: Jetzt wo ich mal eine solche Seite zur Ansicht suchen würde, finde ich natürlich keine...

Habt ihr vielleicht einen Tip für mich?

Vielen Dank
und viele Grüße
sokdi

 

[lachender_engel]

AW: Inhalt vom Hintergrund absetzen!

Meinst Du, wie Du grafisch (z.B. in Photoshop) löst oder wie Du das dann technisch (als CSS) umsetzt?

 

[sokdi4711]

AW: Inhalt vom Hintergrund absetzen!

Das ist eigentlich egal.

Im Moment arbeite ich mit 2 Hintergrundgrafiken...
Der rote Balken (1) ist ein 1px breites GIF welches sich nach rechts wiederholt.

Die zweite Hintergrundgrafik, ist eine 800px breite Grafik, welche links und rechts die Schattenränder enthält.

Alternativ könnte ich natürlich auch dem Gif, welches den relevanten Bereich darstellt per CSS einen Rahmen zuweisen... wäre aus Programmier-technischer Sicht die bessere Lösung, aber ich denke wenn man es über eine Grafik löst, kann man das schöner machen...

Hier mal die beiden Hintergrund-Grafiken:

 

[pixeljunk]

AW: Inhalt vom Hintergrund absetzen!

Hallo,
grafisch gesehen gibt es verschuedene Möglichkeiten, z.B. mit einem Schlagschatten und leichtem Versetzen. Wenn Du nicht so erfahren bist mit Photoshop dann probier mal die Effektebenen aus, vielleicht kriegst du dann eine Idee.

 

[rest5]

AW: Inhalt vom Hintergrund absetzen!

Deine auslaufenden Randschatten weisen ja auf eine Wölbung hin, vielleich kann man das durch einen zarten Verlauf im Contentbereich noch hervorheben. Der rechte Randschatten muss auf dem roten Hintergrund stärker werden.

 

[sokdi4711]

AW: Inhalt vom Hintergrund absetzen!

Hallo,
ich habe jetzt in der Grafik 2 einen Schlagschatten an den "roten" Balken eingefügt. Jetzt weiß ich wie ich das grundsätzlich machen kann, und kann mich nun an die Feinabstimmung machen und mal probieren "wieviel Schatten" am besten aussieht.
Danke!

Hier nochmal die neue Version.


Hier der 2. Hintergrund, jetzt mit Schlagschatten an den roten Balken:

 

[PinkyFlower]

AW: Inhalt vom Hintergrund absetzen!

oder probiere es dochmal mit einem schein nach außen. das sieht in den meisten fällen auch ziemlich gut aus.