body hintergrund anpassen

[JoLe05]

ich möchte gerne wissen wie man das umsetzen kann, wenn man im body nicht nur eine hintergrundfarbe definiert sondern ein bild...

das bild hat ja eine bestimmte größe, sprich 1kx1k px dann wird es je nach bildschirmgröße gekachelt...
Beispiel: http://www.alltoarms.co0n.de/
wie ist der hintergrund gemacht?

hier noch ein beispiel: http://www.jolena.be/de/

vor allem im head bereich ist es interessant wie das gemacht wurde... ich hab mir kurz den quelltext angeschaut und denke es wurde eine farbe für den body definiert und dann ein gif mit dem muster darüber gelegt? ist das muster gekachelt?

danke für die hilfe,

lg

[patrick_l]

Ich kann deine Frage nicht ganz nachvollziehen. Bei der von dir verlinkten Website wurde nur ein Hintergrundbild sowie die Farbe schwarz festgelegt. Ganze zwei Klicks um das heraus zu finden Rechtsklick um das Kontextmenü aufzurufen und ein weiterer Klick um die Hintergrundgrafik anzeigen zulassen.

Im CSS müsste das ganze dann wie folgt aussehen:

/* kurze Schreibweise */

body {background: #fff url(../images/bg-body.png) no-repeat center;}

/* lange Schreibweise */
body {
    background-color:#fff;
    background-image:(../images/bg-body.png);
    background-repeat: no-repeat;
    background-position: center;
}

Zusätzlich je nach Layout kann man auch das HTML-Tag ansprechen und je nach bedarf anpassen. Ich selber habe es jedoch bis jetzt selten benötigt bzw. anders geregelt.

Was jetzt die Transparenz des Contents angeht, entweder mit CSS3 arbeiten oder eine teil-transparente Grafik (gif oder png) verwenden. Danach einfach mit CSS und repeat wiederholen.

Grüße Patrick