Hallo mp-tierbedarf,
den Hintergrund änderst du in der "layout.css" wie schon richtig erkannt.
Und zwar für den Hintergrund ist immer der bereich "Body" zuständig das ist
die eigentliche Hauptebene.
Diese findest du ab Zeile 9 - 20
Diese sieht normal so aus:
- Code: Alles auswählen
body {
text-align: left;
min-width: 760px;
font-family: verdana, arial, "sans serif";
color: #333333;
font-size: 13px;
margin: 0;
padding: 0;
background-color: #e5e5e5;
/* background-image: url(../images/body_back.gif); */
/* background-repeat: repeat-x; */
}
An der Codestelle "background-color:#e5e5e5;" kannst du entweder einen eigen HEX-Farbcode eintragen (
Zur Tabelle)
oder wie datuner bereits vorgeben steht kannst du eine Grafik einbinden. Für dir Grafik musst du einfach nur diese Zeichen /* (davor ) und */ (danach) entfernen und diese bei "background-color" davor und dahinter setzen. Bei Background-Image musst du die URL entweder ändern wenn du eine externe Grafik benutzen möchtest oder einfach im images Verzeichnis deine Grafik hochladen und den Namen und die Bildendung eintragen z.B. MeinHintergrund.png
(Empfehlung: Die Hintergrundgrafik sollte nicht zu groß sein, maximal 1MB, die Grafik wird auch geladen wenn diese größer als 1MB ist nur die Ladezeit der Seite wird länger)Wenn du den Innerenteil änderen möchtest, musst du einiges mehr veränderen, z.B. der Rahmen-Innen beginnt ab Zeile: 33 - 42
Dieser teil sieht so aus
- Code: Alles auswählen
/* Kompletter Rahmen aussen */
div.wrapper, header {
width: 980px;
position: relative;
margin: auto;
background-color: #ffffff;
padding-left: 15px;
padding-right: 15px;
margin-top: 20px;
}
Auch hier wieder bei "background-color:#ffffff;" muss der HEX-Farbcode geändert werden um den Farbverlauf zu änderen.
Ich habe dir mal in meinem DemoShop geändert und hier ein Screenshot davon gepostet.
Ich hoffe ich konnte dir etwas helfen. =)
Gruß Michi2q
- demo_v1.PNG (145.45 KiB) 15583-mal betrachtet