Hintergrund bei mir anpassen

[Devils-Studio]

Ich habe bei mir ein Hintergrundbild eingefügt und auch schon mit BG Stretcher versucht ihn anzupassen, aber leider funktioniert das nicht.
Habe schon fast alles ausprobiert, aber er kachelt das Bild immer und nimmt auch nur ein kleinen teil vom Bild, im orginal ist viel mehr von dem bild zu sehen.
Ich habe jetzt mal das orginal hochgeladen im Thread.
Ich habe auch diverse größen ausprobiert und nix funktioniert.

Meine URL: crazy-stylez.com



Linkback: https://www.modified-shop.org/forum/index.php?topic=14039.0

[firefly123]

[...]
Habe schon fast alles ausprobiert, aber er kachelt das Bild immer und nimmt auch nur ein kleinen teil vom Bild, im orginal ist viel mehr von dem bild zu sehen.
[...]
Meine URL: crazy-stylez.com

Ich würde mal in der "stylesheet.css" im Bereich:

Code: CSS  [Auswählen]

body {
  ...
  background-repeat:repeat;
  ...
}

ersetzen durch:

Code: CSS  [Auswählen]

body {
  ...
  background-repeat:no-repeat;
  ...
}

dann wird schon mal nicht mehr gekachelt.

Und dann noch:

Code: CSS  [Auswählen]

body {
  ...
background-size:auto;
  ...
}

Dann hast das Bild nur mehr einmal - und das in der Originalgröße.

Sieht dann zwar noch nicht sonderlich gut aus - aber da kannst dann ja weiterspielen.

Und was auch sehr zu empfehlen ist - Firefox mit Firebug installieren - dann brauchst nicht immer die CSS-Datei am Server bearbeiten sondern kannst Änderungen direkt im Frontend machen (werden natürlich nicht gespeichert - also bei Gefallen der Änderungen diese noch in der CSS-Datei speichern.

lg
Chris

[Devils-Studio]

Danke schön, habs irgendwie hingekriegt, hat mir echt geholfen.

So geht es erstmal, hauptsache es ist nicht gekachelt und auf den hintergrund angepasst.

Ich habe es so gelöst:

Code: CSS  [Auswählen]

body {
  ...
  background: url(img/xxxxxxx);
  background-repeat:no-repeat;
  ...
}
 

dann die Größe des Bildes angepasst auf 2048 x 2048

Code: CSS  [Auswählen]

background-size:auto;
 

weglassen, dadurch wird es wieder verändert, ohne klappt es wunderbar.

Achtung, mein Bild ist mit 'ner Spiegelreflex Profikamera gemacht, daher kann ich diese Auflösung benutzen und es ist noch gestochen scharf!
Wenn jemand anderes mit den gleichen Daten es mit einem normalen Bild macht wird es wohl nicht so eine Qualität in der Auflösung haben.

[firefly123]

[...]
dann die Größe des Bildes angepasst auf 2048 x 2048
[...]

uhhhh - bitte nicht - dein Hintergrundbild hat jetzt eine Größe von 2,5MB - das muss dein Server jedesmal ausliefern wenn ein neuer Besucher vorbeikommt - das ist Suchmaschinentechnisch (laden der Seite dauert ewig) und auch für den Besucher nicht gut.

Hintergrundbilder an sich sind ja Geschmacksfrage - aber wenn schon, dann sehr kleine Bilder machen - die Kunden interessiert nämlich meist eher der Inhalt des Shops - und nicht minutenlanges Warten bis sich ein Designelement aufbaut

lg
chris