xa-media.com | Support Forum

[thearcade]

Wie kann ich in den Hintergrund ein Bild einfügen? Könnte mir da jemand weiterhelfen da ich mich noch nicht wirklich bei solchen Sachen auskenne.

Vielen Dank im voraus.

[chris]

Styles -> Themes -> Ändern

im bereich "body" folgendes hinzufügen

Code: Alles auswählen

background-image: url(URL ZUM BILD);

könnte dann so aussehen:

Code: Alles auswählen

body {
   /* Text-Sizing with ems: http://www.clagnut.com/blog/348/ */
   font-family: Verdana, Helvetica, Arial, "Lucida Grande", sans-serif;
   color: #000000;
   background-color: #FFFFFF;
   font-size: 67.5%; /* This sets the default font size to be equivalent to 10px */
   margin: 0;
background-image: url(URL);
}

[whitebuffalo]

das ist an sich ne tolle Sache und klappt auch wunderbar!

-allerdings hab ich das Bild, dessen url ich angegeben habe, gleich 6x im Hintergrund. Gibts da eine bestimmte vorgeschriebene oder empfehlenswerte Bildgröße, das es nur einmal dort im Hinergrund erscheint?

Gruß

[chris]

probiers mal mit

Code: Alles auswählen

background-repeat:no-repeat;

[whitebuffalo]

wo oder wie wird der code denn platziert?

...anstelle von -background-image: url(URL ZUM BILD);-

oder darunter oder darüber?

[chris]

drunter

[whitebuffalo]

dann ist das Hintergrundbild wieder ganz verschwunden.

(so hab ichs eingegeben:

body {
/* Text-Sizing with ems: http://www.clagnut.com/blog/348/ */
font-family: Verdana, Helvetica, Arial, "Lucida Grande", sans-serif;
color: #d3d3d3;
background-color:#000000;
font-size: 67.5%; /* This sets the default font size to be equivalent to 10px */
margin: 0;
background-image: url(http://img181.imageshack.us/img181/6104 ... se0fv2.jpg)
background-repeat:no-repeat;
}

[chris]

strichpunkt vergessen

ist
(http://img181.imageshack.us/img181/6104 ... se0fv2.jpg)

soll
(http://img181.imageshack.us/img181/6104 ... se0fv2.jpg);

[Fienchen]

Also, das Hintergrundbild hab ich ja drin... allerdings möchte ich, dass es beim Scrollen mitwandert. Hab mich dann mal schlau gemacht und den angegebenen CSS-Code verwendet. So sieht es in der CSS aus:

body {
/* Text-Sizing with ems: http://www.clagnut.com/blog/348/ */
font-family: Sheffield;
color: #828282;
background-color: #FFFFFF;
background-image: url(http://i171.photobucket.com/albums/u305 ... sKopie.gif);
background-attachment: scroll;
background-repeat: no-repeat;
/*font-size: 62.5%; This sets the default font size to be equivalent to 10px */
font-size: 10px;
margin: 0;
padding: 0px 0; /* padding: 12px 0; */
}

Allerdings scrollt es nicht mit. Ich habe auch schon 'background-attachment' mit 'background-repeat' vertauscht, aber das bewirkt keinen Unterschied.

Hier der Link:

http://www.iphpbb.com/forum/index.php?nxu=43605876nx1556&sid=bcbb81d26202476bcc61789d857036ad

Hab ich irgendwas falsch gemacht?

[chris]

schaut schon richtig aus. tippe dann eher auf ein browserproblem. ie und ff schaffen es bei mir beide nicht