[Lapje]

Hallo zusammen,

sorry für den Titel, wusste nicht genau wie ich das benennen sollte...

Folgendes Problem habe ich:

Ich möchte für eine Webseite einen Hintergrund mit evt. abgerundeten Ecken machen. Die Farbe ist #303030. Ich möchte jetzt 5-10 Pixel vom Rand entfernt noch mal eine Art "Zierrand" machen, welcher wie eine Einritzung sein soll. Ihr kentn sowas, das wird oft bei Navigationen verwendet (http://coregfx.org/tutorials/light-lime-and-blue-navigation/).

Meine Idee war dort mit den Ebenenstilen zu arbeiten, einmal Scheinnach außen und nach innen (wegen der beiden Farben). Aber entweder ist die Idee total Banane oder meine Gewählten Farben waren alle Mist, auf jedenfall brachte es nicht den gewünschten Effekt.

Hätte von euch jemand eine Idee, wie ich das ganze umsetzen könnte?

Besten dank

Lapje

[rover88]

Das beste ist ganz simple Handarbeit auf Pixelebene ...

// r88

[Morgo]

http://imageshack.us/photo/my-images/248/1pxshadow.png/
sowas?

Das wären dann 2 Ebenen, die obere mit Kontur (grau), Schlagschatten und Schatten nach innen...

Bzw. in CSS übersetzt border und 2x box-shadow..

[Lapje]

Ok, ich hatte die Hoffnung das mit einer ebene machen zu können...wegen der Rundung...aber danke, da bin ich jetzt einen Schritt weiter...