zurück zur Startseite
  


Zurück XHTMLforum > (X)HTML und CSS > (X)HTML
Seite neu laden Regenbogen als Hintergrund

Antwort
 
LinkBack Themen-Optionen Ansicht
  #1 (permalink)  
Alt 19.08.2009, 14:38
poz poz ist offline
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 04.08.2009
Beiträge: 9
poz befindet sich auf einem aufstrebenden Ast
Standard 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
Mit Zitat antworten
Sponsored Links
  #2 (permalink)  
Alt 19.08.2009, 16:20
Benutzerbild von philosapiens
Erfahrener Benutzer
XHTMLforum-Mitglied
 
Registriert seit: 08.05.2009
Ort: Berlin Südende
Beiträge: 297
philosapiens befindet sich auf einem aufstrebenden Ast
Standard

Hi,

stöbere doch mal hier: www.aboutpixel.de - Die lizenzfreie Bilddatenbank
__________________
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
Mit Zitat antworten
Sponsored Links
  #3 (permalink)  
Alt 19.08.2009, 17:16
poz poz ist offline
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 04.08.2009
Beiträge: 9
poz befindet sich auf einem aufstrebenden Ast
Standard

Danke für den Link.

Aber das isses nicht! es soll "nur" ein Farbverlauf sein. Kein Bild mit Hintergrund, wie Häuser, Bäume.

cu
Mit Zitat antworten
  #4 (permalink)  
Alt 20.08.2009, 01:07
Benutzerbild von Felk
Neuer Benutzer
neuer user
 
Registriert seit: 20.08.2009
Beiträge: 13
Felk befindet sich auf einem aufstrebenden Ast
Standard

Meinst du sowas... Christen-Front für Sitte und Tugend
xD
Mit Zitat antworten
  #5 (permalink)  
Alt 20.08.2009, 09:26
poz poz ist offline
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 04.08.2009
Beiträge: 9
poz befindet sich auf einem aufstrebenden Ast
Standard

So grundsätzlich ja, nur solls nicht über den Bildschirm rennen!
Das macht ja wuschig.
Einmal aufgebaut und gut, vielleicht nicht so grell.

wie macht man so was?

cu
Mit Zitat antworten
  #6 (permalink)  
Alt 20.08.2009, 12:01
Alles halb so wild
neuer user
 
Registriert seit: 29.07.2009
Beiträge: 13
womaninweb befindet sich auf einem aufstrebenden Ast
Standard

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;}
Fertig ist die Laube!

Gruß,
womaninweb
Mit Zitat antworten
  #7 (permalink)  
Alt 24.08.2009, 14:38
Erfahrener Benutzer
XHTMLforum-Kenner
 
Registriert seit: 29.07.2005
Beiträge: 1.078
xm22 befindet sich auf einem aufstrebenden Ast
Standard

Es ist kein Wunder, dass sich diese Farbverläufe nach den 90igern im Sand verlaufen haben (Ui - Wortspiel )
__________________
... Meine Meinung
Mit Zitat antworten
  #8 (permalink)  
Alt 10.12.2016, 21:48
Neuer Benutzer
neuer user
 
Registriert seit: 10.12.2016
Beiträge: 1
BenjeminStar befindet sich auf einem aufstrebenden Ast
Standard

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
Mit Zitat antworten
  #9 (permalink)  
Alt 11.12.2016, 02:33
Benutzerbild von Felk
Neuer Benutzer
neuer user
 
Registriert seit: 20.08.2009
Beiträge: 13
Felk befindet sich auf einem aufstrebenden Ast
Standard

Besser später als nie! Besonders, da dieser Beitrag bei entsprechenden Suchbegriffen relativ weit oben bei Google ist.

Und das ist eindeutig eine viel bessere Lösung als Bilder zu verwenden.
Mit Zitat antworten
Sponsored Links
Antwort

Themen-Optionen
Ansicht

Forumregeln
Es ist Ihnen nicht erlaubt, neue Themen zu verfassen.
Es ist Ihnen nicht erlaubt, auf Beiträge zu antworten.
Es ist Ihnen nicht erlaubt, Anhänge hochzuladen.
Es ist Ihnen nicht erlaubt, Ihre Beiträge zu bearbeiten.

BB-Code ist an.
Smileys sind an.
[IMG] Code ist an.
HTML-Code ist aus.
Trackbacks are an
Pingbacks are an
Refbacks are aus


Ähnliche Themen
Thema Autor Forum Antworten Letzter Beitrag
Hintergrund Yada` CSS 10 21.09.2008 17:03
Div Orientierung Leonidus CSS 22 30.05.2007 17:05
Hintergrund SPMan CSS 0 16.05.2007 08:58
Hintergrund wird im IE abgehackt lekim CSS 0 29.03.2006 14:14


Alle Zeitangaben in WEZ +2. Es ist jetzt 18:52 Uhr.