Antworten zum Thema „[HTML / CSS] Verlauf als Rahmen?“

[Annmey]

Hallo zusammen!
Ich habe eine Frage;

Ich habe einen Div-Container als 'hauptcontainer' definiert und möchte nun darum eine Art Rahmen setzen.
Und zwar soll das ein kleiner Verlauf von Grau nach weiß sein, sodass das ganze aussieht als würde die Page direkt auf dem Screen 'liegen' und einen Schatten werfen.

So etwas wie demonstriert. Bloß, dass das rings herum gehen soll und nicht nur an den Seiten.

Gibt es eine Möglichkeit das im CSS zu definieren, oder muss man da mit Bildern arbeiten? Und wenn ja; Wie muss ich das anlegen?
Ich hoffe, dass ihr mir helfen könnt~

Liebe Grüße,
Mey

 

[Quabbe]

AW: [HTML / CSS] Verlauf als Rahmen?

Hi,

ich würde dazu eine Grafik anlegen. Das sähe dann ungefähr so aus: body { background:url(../img/background.jpg)50% 0; }. Mit der Angabe 50% 0 fixierst Du sie genau in der Mitte. Es reicht auch aus, wenn Sie nur einen Pixel hoch ist.

Für oben und unten dann eben auch dementsprechende Grafiken, die in einem DIV über bzw. unter dem Cointainer liegen und statt 1 Pixel hoch 1 Pixel lang sind. Mit der Angabe repeat-x wiederholt sich die Grafik dann nur auf der x-Achse. Darunter müsste man dann noch eine Hintergrundgrafik für die ineinandergehenden Verläufe definieren.


Q

 

[Tr3icio]

AW: [HTML / CSS] Verlauf als Rahmen?

Rahmen: border
Verlauf: image

Lösung: Rahmen + Verlauf = border-image ?
border-image: linear-gradient(...), ...;

 

[Br0]

AW: [HTML / CSS] Verlauf als Rahmen?

Schau mal nach Box-Shadow. Das sollte das gewünschte Ergebnis liefern.

 

[Jana]

AW: [HTML / CSS] Verlauf als Rahmen?

Genau. Grafiken speichern war gestern. Heute gibts CSS3 und das dazugehörige Box-Shadow. Einfach hier anklicken, basteln und den Code kopieren: http://css3generator.com/

 

[Annmey]

AW: [HTML / CSS] Verlauf als Rahmen?

Oh, der CSS3 Generator ist wirklich praktisch!
Die Seite muss ich mir merken!

Allerdings benutze ich hier gerade für das Ganze Dreamweaver mit 'normalem' CSS. Funktioniert das dann auch?
Oder muss ich das ganze dann wirklich via Grafik machen?

Ich danke euch aber schon mal, für die Hilfe!

 

[Jana]

AW: [HTML / CSS] Verlauf als Rahmen?

Hä? Was hat denn Dreamweaver damit zu tun? ^^ Dreamweaver ist nur ein Editor, der dir ein paar codes ausspuckt. CSS(3) aber funktioniert unabhängig von Dreamweaver. Dreamweaver ist nur deine code-Hilfe. Also pack den CSS3-Code da rein und gut ist!

Wichtig ist, dass es im Browser funzt - nicht in Dreamweaver

 

[Annmey]

AW: [HTML / CSS] Verlauf als Rahmen?

Achso!
Ha, stimmt, ich danke dir!
Hat funktioniert! ^^°

Danke sehr!