# Wiederholende Hintergrundgrafik Shop und Newsletter ???

**URL:** <https://forum.shopware.com/t/wiederholende-hintergrundgrafik-shop-und-newsletter/2358>\
**Category:** Shopware 3.5\
**Tags:** templates--design\
**Created:** [3. April 2011 um 13:26 UTC](https://forum.shopware.com/t/wiederholende-hintergrundgrafik-shop-und-newsletter/2358 "2011-04-03T13:26:42Z")\
**Posts on this page:** 6\
**Page:** 1

<div class="post-metadata">

**Author:** ![metamind](https://avatars.discourse-cdn.com/v4/letter/m/2acd7d/32.png) [@metamind](https://forum.shopware.com/u/metamind)\
**Post date:** [3. April 2011 um 13:26 UTC](https://forum.shopware.com/t/wiederholende-hintergrundgrafik-shop-und-newsletter/2358/1 "2011-04-03T13:26:42Z")

</div>

Hallo, hätte gerne einen aus einer sich wiederholenden Grafikdatei bestehenden Hintergrund. Beispiel: Ich lege ein einfach Streifenmuster an, z.B. Weißer Streifen / Blauer Streifen. Dieses Muster soll dann als Hintergrund geladen werden und nach unten und seitlich hin so oft wiederholt werden, dass der ganze Shop / Newsletter ausgefüllt wird und der Eindruck entsteht, es sei ein zusammenhängender Hintergrund. Hat jemand eine Idee, wie man das konkret machen kann (genauer Code und Einbaustelle für Shop und Newsletter sowie entsprechende Breiten) ? Ich habe zwar eine grundlegende Idee, weiß aber nicht, wo und wie ich das konkret richtig einbauen kann. Vielen Dank! MfG

---

<div class="post-metadata">

**Author:** ![taaucher](https://avatars.discourse-cdn.com/v4/letter/t/ac8455/32.png) [@taaucher](https://forum.shopware.com/u/taaucher)\
**Post date:** [3. April 2011 um 16:57 UTC](https://forum.shopware.com/t/wiederholende-hintergrundgrafik-shop-und-newsletter/2358/2 "2011-04-03T16:57:30Z")

</div>

Das Ganze geht mit background-image: URL(„Link zum Bild“) in der CSS Datei deines Templates m Body Tag.

---

<div class="post-metadata">

**Author:** ![metamind](https://avatars.discourse-cdn.com/v4/letter/m/2acd7d/32.png) [@metamind](https://forum.shopware.com/u/metamind)\
**Post date:** [14. April 2011 um 11:24 UTC](https://forum.shopware.com/t/wiederholende-hintergrundgrafik-shop-und-newsletter/2358/3 "2011-04-14T11:24:46Z")

</div>

Hallo, vielen Dank. Wenn Du mir die genaue Code-Zeile senden könntest, wäre ich Dir sehr dankbar. Ich verstehe zwar den Sachverhalt, habe aber keine Ahnung, wie genau der Code-Wortlaut sein muss. Kannst Du mir ggf. auch sagen, wir groß die Grafik sein muss ? Es geht ja eher um ein abstraktes Muster, also z.B. sich wiederholende Balken. Reicht es da, wenn ich die nur einen Pixel breit und in gewünschter Höhe anlege, damit sie automatisch wiederholt werden. So könnte man ja die Bildgröße sehr klein halten. Vielen Dank. MfG

---

<div class="post-metadata">

**Author:** ![taaucher](https://avatars.discourse-cdn.com/v4/letter/t/ac8455/32.png) [@taaucher](https://forum.shopware.com/u/taaucher)\
**Post date:** [14. April 2011 um 12:10 UTC](https://forum.shopware.com/t/wiederholende-hintergrundgrafik-shop-und-newsletter/2358/4 "2011-04-14T12:10:20Z")

</div>

Richtig, am besten nur 1px breit und die gewünschte Höhe oder anders rum. Das Ganze muß in die css Datei deines Templates (welches nutzt du denn, hast du evtl. mal einen Link zum Shop?).

---

<div class="post-metadata">

**Author:** ![metamind](https://avatars.discourse-cdn.com/v4/letter/m/2acd7d/32.png) [@metamind](https://forum.shopware.com/u/metamind)\
**Post date:** [14. April 2011 um 12:59 UTC](https://forum.shopware.com/t/wiederholende-hintergrundgrafik-shop-und-newsletter/2358/5 "2011-04-14T12:59:49Z")

</div>

Hallo, danke! Im Moment ist es nur ein Test, ich verwende 3.5.3, das Standardlayout. Dann müsste der Hintergrund in die style.css ? Aber wie genau ? Danke!

---

<div class="post-metadata">

**Author:** ![taaucher](https://avatars.discourse-cdn.com/v4/letter/t/ac8455/32.png) [@taaucher](https://forum.shopware.com/u/taaucher)\
**Post date:** [14. April 2011 um 13:17 UTC](https://forum.shopware.com/t/wiederholende-hintergrundgrafik-shop-und-newsletter/2358/6 "2011-04-14T13:17:43Z")

</div>

Dann schau mal in der style.css und füge folgende Zeile ein: `body {background: url("../images/backgrounds/deinbild.jpg");background-repeat: repeat-x;}` Das Bild dann unter /templates/\_default/frontend/\_resources/images/backgrounds einfügen. mfg Frank
