|
|||
Regenbogen als Hintergrund
Moin Moin!
Ich möchte für den Hintergrund einer Seite nicht nur eine Farbe, sondern einen Regenbogen. Geht das, wenn ja, bitte wie? Man könnte sich ja ein Hintergrundbild "ausleihen" aber das Copyright |
Sponsored Links |
|
||||
__________________
Der höchste Lohn für unsere Bemühungen ist nicht das, was wir dafür bekommen, sondern das, was wir dadurch werden. Mein aktuelles Projekt bei idealseiten.de |
Sponsored Links |
|
||||
Meinst du sowas... Christen-Front für Sitte und Tugend
xD |
|
|||
Hallo poz,
das ist im Prinzip recht einfach: Du erstellst in einem Grafikprogramm ein Rechteck in gewünschter Breite (entsprechend der Webseite, bspw. 960 Pixel) und füllst ihn mit einem regenbogenfarbenen Verlauf. Wichtig ist darauf zu achten, dass die Farbe zu Anfang und Ende des Verlaufes gleich ist. Da du ja nicht weisst, welche Auflösung der User hat, musst du in deiner Webseite auch eine Hintergrundfarbe setzen. Und da es nur eine Hintergrundfarbe geben kann, muss der Regenbogen soweit wiederholt werden, dass die Anfangsfarbe der Endfarbe entspricht. Du brauchst für das Hintergrundbild eigentlich nur ein paar Pixel Höhe, die dann per CSS gekachelt werden. Beispiel: Du erstellst ein Rechteck von 960 Pixel Breite und 50 Pixel Höhe. Dann wählst den Verlauf aus und bestimmst die Farben darin. Füge soviele Farben hinzu, bis die Anfangsfarbe der Endfarbe entspricht und fülle das Rechteck. Anschliessend wählst du einen Bereich von 960 Pixel Breite und 4 Pixel Höhe aus und exportierst es als jpg-Datei (jpg, wegen des Verlaufes). Diese Grafik bindest per CSS als Hintergrundgrafik ein und lässt sie in y-Richtung kacheln: Code:
selektor { background: #color (gewünschte Hintergrundfarbe) url(background.jpg) repeat-y;} Gruß, womaninweb |
|
|||
Du kannst einen Regenbogenhintergrund aber auch in einer Stylesheet machen:
body { background-image: linear-gradient(to right, red, orange, yellow, green, blue, indigo, violet); } Die Antwort kommt ein bisschen spät, aber es sollte hilfreich sein. (natürlich auch für die, die soetwas noch suchen ). LG.BenjeminStar |
Themen-Optionen | |
Ansicht | |
|
|
Ähnliche Themen | ||||
Thema | Autor | Forum | Antworten | Letzter Beitrag |
Hintergrund | Yada` | CSS | 10 | 21.09.2008 18:03 |
Div Orientierung | Leonidus | CSS | 22 | 30.05.2007 18:05 |
Hintergrund | SPMan | CSS | 0 | 16.05.2007 09:58 |
Hintergrund wird im IE abgehackt | lekim | CSS | 0 | 29.03.2006 15:14 |