Styleänderung funktioniert nicht

[mp-tierbedarf]

Hi, ich hatte gestern ein paar Mal versucht meinen Online-Shop farblich umzugestalten. Auch was das einfügen von Hintergrundgrafiken betrifft.
Die CSS Datei layout_allgemein reagiert nicht.
Hatte mich hier im Forum schon per Suchfunktion erkundigt und auch ein paar Codes versucht zu übernehmen. Aber das Script reagiert entweder nicht oder der Shop ist verschoben.
Wird normal noch irgendwo das Layout geändert, außer in den CSS Dateien

[Randständiger]

Es gibt keine layout_allgemein.css mehr in der neusten Version... für die Darstellung auf Desktop-Browser wird nur noch layout.css und content.css benötigt.

[mp-tierbedarf]

Hi, ahh ok....danke dir. Dann fuchtel ich da drinnen mal rum.
Die layout_allgemein kann ich dann rauslöschen...wird ja dann nicht mehr benötigt.

[mp-tierbedarf]

Ist es normal das, wenn man nur die Hintergrundfarbe ändert, der ganze Style abgeschossen wird?

[Michi2q]

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) 15547-mal betrachtet

[mp-tierbedarf]

Hi, leider nicht ganz. Das was du beschrieben hattest, hatte ich gemacht. Wie geschrieben hatte ich den Farbcode für den Hintergrund abgeändert. Und nach der Aktualisierung hatte es mir den Hintergrund verschoben.
Ich probier es gleich noch mit einem anderen FTP Programm. Arbeite momentan mit FileZilla.

[mp-tierbedarf]

Also...
wenn ich diesen Code reinsetz:

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/136.jpg');
   background-repeat:    repeat-x/y;
}


Kommt das Script ins Schleudern und sieht dann so aus:

[Michi2q]

Komisch das sollte normal nicht passieren...

Lade dir bitte auf der Webseite den ganzen Script neu runter und füge die CSS Datei (solltest du noch nichts geändert haben) nochmal laut
dem Original ein und ändere dann mal den Hintergrund HEX-Code und schaue ob es dann immer noch der fall ist.
Wie groß (maße) ist das Hintergrundbild das du benutzen möchtest?

[mp-tierbedarf]

Das werd ich morgen machen mit dem neu runter laden. Heute reicht es mir nicht mehr.
Maße des Hintergrundbildes: 188x187 , 16 KB. Also nichts großes.
Zudem müsste es ja hinten sein. Aber bei der Änderung siehts aus als wenn es alles einnehmen würde.

[Michi2q]

Kannst du die URL zum Hintergrund Online stellen oder die Hintergrund Grafik!?

[mp-tierbedarf]

http://www.mp-tierbedarf.de/templates/s ... es/136.jpg

Hatte die Dateien eben nochmal neu hochgeladen. Aber das selbe wie vorher auch. Wenn ich die Änderung mache, kommt alles durcheinander.

[Michi2q]

Okey also ich habe es mal getestet bei mir Funktioniert es einwandfrei. Wenn du magst, können wir morgen zusammen mal danach sehen.
Ich bin Morgen (01.03.13) ab 10 Uhr verfügbar. Per E-Mail oder direkt hier im Forum.
E-Mail Adresse: michi2q[AT]email[DOT]de

[kulli]

Hallo Mp-tierbedarf;
Du solltest Deinen Admin-Bereich schützen!
gruss

[Magnus]

Das mit dem Admin ist wichtig!
Nur für den Fall dass du nicht weißt, wie das geht: Im Kundenbereich deines Webspace wird es etwas geben wie "Verzeichnisschutz anlegen" oder du suchst nach ".htaccess" oder "Verzeichnis schützen" in den FAQ deines Anbieters. Und dann schützt du das Verzeichnis /admin . Danach solltest du dort nur noch nach Eingabe des Passworts reinkommen.

Zum css:

Code: Alles auswählen

background-repeat:    repeat-x/y; /* ist falsch geschrieben */
background-repeat:    repeat-y; /* wiederholt senkrecht */
background-repeat:    repeat-x; /* wiederholt waagrecht */
background-repeat:    repeat; /* wiederholt in beide Richtungen */
background-repeat:    no-repeat; /* wiederholt gar nicht */

Solche Infos bekommt man unter http://de.selfhtml.org/css/eigenschaften oder http://www.css4you.de/background-repeat.html

Dass der Footer im IE8 nicht optimal angezeigt wird, bzw. die Abhilfe ist unter http://forum.randshop.com/viewtopic.php?f=53&t=8225&p=35344#p35344 beschrieben.

viele Grüße

Magnus

[Michi2q]

Magnus hat recht ist mir gar nicht aufgefallen bei deinem Code...
Natürlich sollten die Wiederholung richtung x und y getrennt sein.

Edit:
Ich habe es aber eben mal nach seiner variante getestet... Dies funktioniert auch ohne probleme...
Also kann es auch nicht daran liegen...