Hintergrundbild einfügen - aber wie ?!

[AndyOnline]

Hallo,
hab da leider noch ne Frage.

Ich würde gerne ein Hintergrundbild einfügen, was auf der gesamten FAQ Seite zu sehen ist.

wird sicherlich möglich sein, nur wollte es bisher nicht klappen.

wie und wo muss ich das genau eintragen und unter welches Verzeichniss muss das Hintergrundbild stehen (jpg).

Vielen Dank

Gruß
Andy

[Thorsten]

Hi,

geht ganz einfach mit CSS: body { background-image: ... }

Mehr gibts darüber bei SelfHTML: http://de.selfhtml.org/

bye
Thorsten

[AFillbrandt]

Da gibt es sehr viele Möglichkeiten.

Der einfachste Weg:
in der Datei /template/index.tpl in den body-tag ein Hintergrundbild einfügen. Wo du dieses auf dem Server liegen hast ist schnuppe, wichtig ist nur, dass es vom phpMyFaq-Verzeichnis aus richtig referenziert ist. Da es ja schon das images-Verzeichnis gibt, würde ich es in diesen Ordner stecken. Und dann über "images/xxx.jpg" referenzieren.

Wenn du es aufwendiger -- aber professioneller -- gelöst haben möchtest, kann du in der style.css der Faq ein Hintergrundbild einfügen. Dafür musst du dich mit CSS auskennen... Empfehle da gern selfhtml...

Gruß
Alex

[AndyOnline]

mmhh also ich bevorzuge die Version in der CSS Datei.

aber es klappt nicht.

unten bei Colors...

html, body {
background: #ffcc66;
background-images: images/bild.jpg;
color: #ffcc660;
}

auch so klappt es nicht...

html, body {
background: #ffcc66;
background-images: /images/bild.jpg;
color: #ffcc660;
}

was mach ich falsch ? das bild.jpg hab ich unter das verzeichniss images gestellt.

Gruß
Andy

[AFillbrandt]

bei css musst du das anders notieren:

Code: Select all

body {
	background: #xxxxxx url(/PFAD/DATEINAME.jpg) no-repeat top left; 
}

Wobei xxxxxx die Farbe ist,
du aufpassen musst, wo die Datei im Verhältnis zum phpMyFAQ-Verzeichnis liegt,
mit no-repeat top left angibst, dass das Bild oben links angezeigt werden soll und nicht wiederholt wird...

Gruß
Alex

[riacheslav]

Hi,

I'm trying to attach a background image to a div. for example:

#header {
background-image: src(images/header.jpg);
}

I haven't seen anyone else do this, and every mention of the background-image CSS tag in the boards refers to the body, not to a specific div or element.
I've tried placing this tag in both the style.css and colors.css-- no luck

Has anyone done this successfully? Is it possible?

thanks,
Richard Grove

[Thorsten]

Hi,

use the path ../images/your_picture.jpg

bye
Thorsten

[riacheslav]

Hey, sweet- Thanks Thorsten. You're the man. Er, sie sind der mann?