Hintergrundfarbe mit Übergängen von zwei Farben ?

[Niklas]

Hallo,

Ich möchte einen Hintergrund erstelle wo das Orange oben rötlicher ist und weiter unten an der Seite wird es immer heller !

So wie bei dieser Seite: FrustLounge...und was frustriert dich heute so ? dort ist es Oben Orange und wird weiß.

Wie macht man das?

Gruß Niklas

 

[vitus37]

Mit einer Grafik. Erstellbar mit einem Grafikprogramm wie Paint.NET oder GIMP. Einzubinden mit dem CSS-Attribut background.

 

[Tomm]

Das mach ich immer mit diesem Programm mister-foto.eu - Farbverlauf Generator - Gradient Generator
Oben gibts du z.B. FFCCFF
und unten z.B. FF0000
Breite 100px Höhe 1000px
dann unten auf "Farbverlauf erstellen" drücken
Dann mit Rechtsklick speicherst du das Bild unter "Bild.bmp"
Danach schreibst du in deine Css Datei

body{background-repeat: repeat-x;background-image:url(Bild.bmp);}

 

[Niklas]

Aber das sind doch dan Bilder die wiederrum mit Langen Ladezeiten verbunden sind ich dachte das geht mit den Css farben.

 

[vitus37]

Deswegen gibt man den Bildern oft nur eine Breite von 5px und lässt sie horizontal wiederholen.

 

[Tomm]

Deswegen gibt man den Bildern oft nur eine Breite von 5px und lässt sie horizontal wiederholen.

Ja, stimmt
Bei der Breite ist 100px natürlich zuviel

 

[Niklas]

Was für eine Höhe soll ich nehmen ?

 

[Tomm]

Was für eine Höhe soll ich nehmen ?

Höhe sollte so hoch wie deine Seite sein, z.B. 800px bis 1000px und Breite 5px bis 10px

 

[Niklas]

Okay danke werds dan mal Probieren

 

[vitus37]

Was für eine Höhe soll ich nehmen ?

Oder so hoch, wie der Farbverlauf lang sein soll.

 

[prm]

Sieh dir mal dieses Tutorial mit PI an. Mit anderen Grafikprogrammen geht es möglicherweise ähnlich.
Und zur HP-Einbindung: Webdesign mit Farbverlaufgrafiken