Iceblue-CSS

Hintergrund

Hintergrundfarbe:

Mit CSS können wir jedem Design die gewünschte Hintergrundfarbe geben.

Wenn Ihr bereits einen Code im Feld "Text über Design" eingefügt habt, schaut bei body . Dort bei background-color den FarbcodeFarbcodes immer mit Rautezeichen # vorweg:

#000000 = Schwarz
#800000 = Dunkelrot
#000080 = Dunkelblau
#FFFFFF = Weiß

Farbcode-Tabellen findet Ihr mit google.de
Verwendet als Suchworte: HTML Farbcodes ändern.
Wer noch keinen Code eingefügt hat: Den rechten Code einfügen im Feld "Text über Design" :

<style type="text/css"> <!--
body {
  background-color: #000000; }
--> </style>

oder Hintergrundbild:

Mit CSS können wir jedem Design ein Hintergrundbild geben.

Statt background-color bekommt body ein background-image: none;. In der Klammer wird die GrafikadresseWo finde ich die Grafikadresse (Bild-URL) ?

- auf "Bilder verwalten"
- Grafik hochladen
- nach Hochladen Bildernamen anklicken
- Bild wird dir angezeigt
- mit der Maus auf das Bild
- mit Rechtsklick auf "Eigenschaften" (IE)
- oder "Grafikadresse kopieren" (Mozilla Browser)
- Grafikadresse in Klammer einfügen eingefügt. Schaue in deinem Code, ob body vorhanden ist. Wenn ja, passe deinen Code nur an. Wer noch keinen CSS-Code eingefügt hat: Den rechten Code einfügen im Feld "Text über Design" :

<style type="text/css"> <!--
body {
  background-image: url(Grafikadresse); }
--> </style>

ein Hintergrundbild mit Farbverlauf:

Bei einer Grafik mit Farbverlauf benötigen wir background-color und background-image: none;. Dort, wo das Bild mit dem Farbverlauf endet, wird die Hintergrundfarbe angezeigt.
Mit background-repeatbackground-repeat: repeat; = Bild wiederholt sich in alle Richtungen
background-repeat: no-repeat; = Bild wiederholt sich nicht
background-repeat: repeat-x; = Bild wiederholt sich nach Rechts
background-repeat: repeat-y; = Bild wiederholt sich nur nach Unten geben wir an, in welche Richtung sich das Bild wiederholen soll. In diesem Fall nach rechts, denn unter dem Bild soll die Hintergrundfarbe zu sehen sein, mit der das Bild unten endet.

<style type="text/css"> <!--
body {
  background-color: #000000;
  background-image: url(Grafikadresse); 
  background-repeat: repeat-x; }
--> </style>

Das Problem mit Hintergrundbildern :

Ein 1024 x 768 Bild sehen Besucher mit größerem Bildschirm mit Wiederholung
größeres Bild sehen Besucher mit kleinerer Bildschirmauflösung nicht vollständig
Bilder können sich verschiedenen Bildschirmauflösungen nicht anpassen.
darum Motive verwenden, wo Wiederholung im Muster nicht auffällt

Backgrounds / Hintergrundbilder :

~~http://table-css.de.tl/Backgrounds.htm~~
dort habe ich einige Anbieter für coole Backgrounds aufgelistet
alle Grafiken füllen jedes Design aus

gewünschte Hintergrundbild im Baukasten hochladen bei "Bilder verwalten"
Bildadresse einfügen bei background-image:url(Grafikadresse);
Code einfügen im Feld : "Text über Design "

Beispiel 1

Beispiel 2

Beispiel 3

Erklärung zu den Anweisungen für Hintergrundbild:

background-repeat:repeat; = Bild wird wiederholt
background-repeat:repeat-x; = Bild wird nur horizontal (nach Rechts) wiederholt
background-repeat:repeat-y; = Bild wird nur vertikal (nach Unten) wiederholt
background-repeat:no-repeat; = Bild wird NICHT wiederholt
background-attachment:scroll; = Bild scrollt mit
background-attachment:fixed; = Bild scrollt NICHT mit (fixiert)

Wo finde ich die Grafikadresse (Bild-URL) ?