Hintergrundbild einfügen

Deutsches Forum
1

Hallo,

ich arbeite mich Stück für Stück im Design des Shops vor und brauche eure Hilfe!

Ich würde gerne mein Hintergrundbild im Shop ändern. (Nicht das Logo).
Jetzt stellt sich mir die Frage ob es schon irgendwo vorhanden ist?
Welches Format sollte es haben und welche Größe?
Wo wird es eingefügt? Was muss geändert werden?

Fragen über Fragen, nur wer nicht fragt bleibt dumm.

Danke für eure Hilfe.

2

Das Hintergrundbild für den sogenannten “body” der Seite wird über eine CSS-Angabe definiert.

body {
[B]background:url("…/img/bg-body.gif") repeat-y scroll center top #000000;[/B]
margin:0;
padding:0;
}
Zu finden in der Dateil oxid.css in deinem Template-Verzeichnis.

Info zu Hintergrundbilder per css gibt es hier:
http://de.selfhtml.org/css/eigenschaften/hintergrund.htm

3

Hallo Christoph,

danke für deine Rasche Antwort.
Das funktioniert schonmal! Vielen Dank

Welche Größe nehme ich denn für das .gif ?
Gibt es dort einen Größe als Norm?
Oder wird das alles über “background-repeat” vereinbart?

Danke Daniel

4

Das kommt ganz darauf an was du für ein Hintergundbild verwenden möchtest. Wenn es sich dabei um eine Grafik handelt die von links bis rechts gleich aussieht reicht 1 Pixel Breite schon aus. Diese kannst du dann mit dem Befehl repeat-y auf der gesamten Breite anzeigen.

5

Ich möchte eine Grafik an der Seite zum Header Logo anzeigen. d.h. es sollte über die gesamte Breite gehen.von oben Links bis oben rechts. Nach unten soll es sich nicht wiederholen, da es dann dort nicht passt.
Oder gibt es eine möglichkeit ein Bild oben was “no-repeat” ist einzufügen und darunter ein Bild was “repeat-x”?:confused:

6

Es ist sehr schwer zu verstehen was du vor hast. Kannst du die Grafik wie sie jetzt ist nicht einfach hochladen?

7

Ich möchte es so machen wie die Website z.B. vom Frankfurter Zoo.
zoo-frankfurt.de

  • das Hintergrundbild soll über die ganze Fläche gehen (vom Bildschirm links oben bis rechts oben)
  • das logo.png soll sich dort einfügen.(da sehe ich das kleinste Problem)
  • es soll ab der Navileiste ein anderes Hintergrundbild erscheinen, welches bis zum footer heruntergeht

Bitte um Hilfe

8

Hallo !
Bei der Frankfurter Zoo Seite hat man mehrere Hintegrundbilder in verschiedenen Bereichen (div) die übereinander liegen. Wenn man ein Hintergrundbild horiz. über die ganze Seite strecken möchte ist da am ehesten im body-tag zu bewerkstelligen.

also als Beispiel: [B]body {background: #fff url(bg/grosses_bild.jpg) no-repeat center top; }[/B]

Alles andere ist dann komplizierter und Bedarf dann schon bissel Webdesign KnowHow.

mfg

9

Also ich habe meinen HG so eingefügt.

in die CSS oxid.css kommt:

Zeile 3:
body {
font: 12px / 140% arial, helvetica, clean, sans-serif;
background: url(http://DEIN HG) no-repeat center center fixed;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
}

html body{
width: 100%;
min-height:100%;}

und fertig isset!

10

denkst du, daß das nach über 5 jahren!!! noch jemand spannend findet? :mad:

11

Hallo… ist zwar ein alter Beitrag, aber ich hab das jetzt mal probiert… leider ist ausser einem weißen Hintergrund nichts herausgekommen…

Ich habe die Oxid Community Edition 4.10.3 (Update auf 4.10.4 mach ich in den nächsten Tagen…)

Mein Ziel ist es, eine fertige Graphik (jpg. oder gif, tiff, was auch immer) entsprechend unserer CI als Formatfüllendes Hintergrundbild einzufügen…

Danke für die Hilfe!

Mike
farbauti.at

12

ohne zu wissen, was genau du eingetragen hast, kann man nicht sagen, was du falsch gemacht hast.

13

Eingetragen habe ich über folgende Zeilen:

body {
font: 12px / 140% arial, helvetica, clean, sans-serif;
background: url(http://www.farbauti.at/Onlineshop/BackNeu01.gif) no-repeat center center fixed;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
}

html body{
width: 100%;
min-height:100%;}

BackNeu01 habe ich als jpg. als Tiff, und als gif versucht, doch leider alles ohne Erfolg…

Nur weißer Hintergrund…

Danke für die Hilfe!
Michael Rodax
farbauti.at

14

es fängt schon mal damit an, dass diese Datei unter diesem Pfad nicht existiert:
http://www.farbauti.at/Onlineshop/BackNeu01.gif
auch nicht als jpg, JPG, JPEG, jpeg, tiff, TIFF oder GIF (ja, die Datei-Erweiterung ist Groß- / Kleinschreibung-unterscheidend, daher muss man hier genau darauf achten)

Dein Code mit einem vorhandenen Bild funktioniert allerdings, habs direkt in deinem Shop ausprobiert:

15

Analog zu den anderen Bildern wäre das dann wohl so einzutragen:

background-image: url("/.cm4all/iproc.php/logo%20Banner.png/resize_375_122/BackNeu01.gif") !important;

http://www.farbauti.at/.cm4all/iproc.php/logo%20Banner.png/resize_375_122/BackNeu01.gif

16

Hey… ich hab das Hintergrundbild, weil es nicht funktioniert hat, wieder runtergelöscht… ich werde es nochmal probiern… Danke mal für die Info!

:smiley: