# Templates/Hintergrundbild einfügen
**URL:** https://forum.shopware.com/t/templates-hintergrundbild-einfugen/1518
**Category:** Shopware 3.5
**Tags:** templates--design
**Created:** [23. Januar 2011 um 00:54 UTC](https://forum.shopware.com/t/templates-hintergrundbild-einfugen/1518 "2011-01-23T00:54:00Z")
**Posts on this page:** 2
**Page:** 2
### Author:  [@artep](https://forum.shopware.com/u/artep)
#### Post date: [25. August 2012 um 23:39 UTC](https://forum.shopware.com/t/templates-hintergrundbild-einfugen/1518/21 "2012-08-25T23:39:02Z")
[quote=“by-limus24”]Hallo zusammen. ich habe jetzt in meiner Dark.css html { background-attachment: fixed; background-color: transparent; background-image: url(“[http://www.by-limus24.de/image.JPG](http://www.by-limus24.de/image.JPG)”); background-origin: padding-box;hr.line {color: #72a425;background-color: #72a425; border-color: #72a425} background-position: top;hr.smallline {background-color:#c7c7c7} background-repeat: repeat; width: 100%;} ganz ober eingefügt nur leider wird das entsprechende Bild nicht angezeigt. Kann mir wer sagen warum nicht. Vielen Dank[/quote] Iss klar: schau mal Deine Url; so erscheint das Bild nie. Du musst auch den richtigen Pfad angeben: background-image: url("…/images/backgrounds/image.jpg" Und das Bild natürlich in den richtigen Ordner!
---
### Author:  [@by-limus24](https://forum.shopware.com/u/by-limus24)
#### Post date: [1. September 2012 um 07:24 UTC](https://forum.shopware.com/t/templates-hintergrundbild-einfugen/1518/22 "2012-09-01T07:24:00Z")
Danke für die rasche Antwort habe es jetzt geändert in der dark.css. Wenn ich meine Seite öffne erscheint immer noch der alte Hintergrund. wenn ich per Goggle Chrome auf Element untersuchen gehe zeigt er mir aber die neue Hintergrund datei an. Ich bin wahrscheinlich zu blöd dazu. /\* Template SPECIFIC Styles ------------------------ \*/ html { background-attachment: fixed; background-color: transparent; background-image: urlcolor=red[/color]; background-origin: padding-box;hr.line {color: #72a425;background-color: #72a425; border-color: #72a425} background-position: top;hr.smallline {background-color:#c7c7c7} background-repeat: repeat-x; width: 100%;} [size=200]hier mal ein Auszug aus der dark.css[/size] /\* COLOR SPECIFIC IMAGES ------------------------ \*/ body {background-color:#383838;background-image: url("…/images/backgrounds/hin.jpg");background-repeat-y: repeat; background-position: left top} #detail #detailinfo {background-image: url("…/images/backgrounds/bg\_detailinfo.png")} /\*#shopnavi .icon a {background-image: url("…/images/icons/ico\_basket.png")}\*/ div.inner\_searchcontainer #submit\_search {background-image: url("…/images/arrows/bg\_arrow\_search.gif")} .accordion li.active .detail .number {background-image: url("…/images/sprite\_topseller\_numbers.png")} .artbox .actions a, .listing\_actions .offers, div#notes .table\_row .action a, .blogbox a.more\_info, .content\_listing a.more\_info, .bt\_allsupplier, div#notes .table\_row .action a.basket, .blogbox a.more\_info:hover, .content\_listing a.more\_info:hover, .bt\_allsupplier:hover {background-image: url("…/images/sprite\_listing\_buttons.png");} #content #left ul li.active.sub a.active {background-image: url("…/images/arrows/bg\_arrow\_down.png")} .listing\_actions .list-settings .table-view, .listing\_actions .list-settings .list-view {background-image: url("…/images/icons/ico\_view.png")} #compareContainerResults div, #compareContainerResults a, #content #left .filter\_search .searchbox li.active a, div.supplier\_filter ul li a:hover, div.supplier\_filter ul li.active {background-image: url("…/images/icons/ico\_search\_active.png")} div.step\_box ul li.active .icon {background-image: url("…/images/backgrounds/bg\_stepnumber-active.png")} div.supplier\_filter div span.expandcollapse, div.supplier\_filter div.active span.expandcollapse {background-image: url("…/images/icons/ico\_filter.gif")} div.supplier\_filter div.active {background-image: url("…/images/backgrounds/bg\_filter\_active.jpg")} .button-right {background-image: url("…/images/buttons/button\_right-large.png")} .small\_right {background-image: url("…/images/buttons/button\_right-small.png")} div.ajax\_login\_form .heading .modal\_close, .modal .heading .modal\_close, .ajax\_compare\_container .heading .modal\_close, .ajax\_compare\_max\_container .heading .modalClose {background-image: url("…/images/icons/ico\_modal-close.png")} #shopnavi .ajax\_basket\_container {background-image: url("…/images/backgrounds/bg\_ajaxbasket.png");} .ajaxSlider .leftArrow, .ajaxSlider .rightArrow, .bannerSlider .leftArrow, .bannerSlider .rightArrow {background-image: url("…/images/sprite\_slider\_arrows.png");} #content #detail #basketButton, #registerbutton {background-image: url("…/images/backgrounds/bg\_basketbutton.png") !important; cursor:pointer} /\* Template SPECIFIC Styles ------------------------ \*/ html {padding-top:0;} { background-attachment: fixed; background-color: transparent; background-image: url("…/images/backgrounds/hin.jpg"); background-origin: padding-box;hr.line {color: #72a425;background-color: #72a425; border-color: #72a425} background-position: top;hr.smallline {background-color:#c7c7c7} background-repeat-y: repeat; width: 100%;} .container\_20 {background-image: url("…/images/backgrounds/bg\_container20.png");background-repeat: repeat-x;margin:0px auto 0;border:0 none;padding-bottom:20px;} [size=200]wenn ich dann vor backround: 0; den Haken raus nehme erscheint das Bild, wiederholt sich aber und bleibt nicht als festes Hintergrundbild.[/size] Matched CSS Rules body { background: 0; }
[Vorherige Seite](https://forum.shopware.com/t/templates-hintergrundbild-einfugen/1518.md?page=1)