Also das Logo kannst Du in der layout.css in der Zeile 78 ändern. Dort steht
- Code: Alles auswählen
header img {
float: left;
height: 95px;
padding: 10px;
}
Ändere hier mal das height auf 135px (aber max auf 146px, da das Bild auch nur diese Höhe hat). Dann schau mal ob das reicht.
Für das Hintergrundbild musst Du in der Zeile 6 folgendes ändern. Hier steht ja folgendes
- Code: Alles auswählen
body {
text-align: left;
font-family: Monda, verdana, arial, "sans serif";
color: #525252;
font-size: 13px;
margin: 0;
padding: 0;
background-color: #e5e5e5;
/* background-image: url(../images/body_back.gif); */
/* background-repeat: repeat-x; */
}
Entferne die Auskommentierung beim background-Image. Das sieht dann so aus
- Code: Alles auswählen
body {
text-align: left;
font-family: tahoma, verdana, arial, Monda, "sans serif";
color: #000000;
font-size: 12px;
margin: 0;
padding: 0;
background-color: #e5e5e5;
background-image: url(../images/DEIN HINTERGRUNDBILDNAME.jpg);
/* background-repeat: repeat-x; */
width: 100%;
}
Dein Hintergrundbild muss sich aber dazu in dem Ordner /images befinden. Die Endung vom Bild (.jpg oder .gif usw) muss aber in der Zeile des background-image übereinstimmen.
Für den "schwarzen" Balken gibt es verschiedene Möglichkeiten. Wenn Du "nur" die Farbe dieser Buttons der Kategorien ändern möchtest folgendes:
In der responsive.css ab Zeile 202 steht folgendes
- Code: Alles auswählen
.nav {
list-style: none;
/* *zoom: 1; */
background-image: -webkit-linear-gradient(#595959 0%, #000000 100%);
background-image: -moz-linear-gradient(#595959 0%, #000000 100%);
background-image: -o-linear-gradient(#595959 0%, #000000 100%);
background-image: linear-gradient(#595959 0%, #000000 100%);
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#595959, endColorstr=#000000)";
background-color: #000000;
}
Hier gibt es jetzt verschiedene Möglichkeiten. Du kannst das in einem Farbverlauf darstellen oder einfach komplett einfarbig.
Für die komplett einfarbige Variante kommentierst Du die 4 "background-image" und den "-ms-filter" aus und änderst das "background-color" in den Farbwert den Du möchtest.
Für den Farbverlauf musst Du aber die Einträge der background-image ändern. Ein Beispiel von einem helleren Grün oben zu einem dunkleren Grün unten wäre folgendes
background-image: -webkit-linear-Gradient(#dce6b6 0%, #008000 100%);
Hier müssen dann aber alle 5 Einträge gleich geändert werden, da die Browser nicht alles gleich "verstehen" und der Kunde beim betrachten mit einem anderen Browser die Farben anders dargestellt sieht. Und mache es nicht zu hell, sonst siehst Du den Text nicht mehr (richtig).
Stört noch der "schwarze" Balken links und rechts?? Den kannst Du auch entfernen. Dazu steht in der layout.css ab der Zeile 1265 folgendes
- Code: Alles auswählen
nav, .ajaxsearch_go_button {
background-image: -webkit-linear-gradient(#595959 0%, #000000 100%);
background-image: -moz-linear-gradient(#595959 0%, #000000 100%);
background-image: -o-linear-gradient(#595959 0%, #000000 100%);
background-image: linear-gradient(#595959 0%, #000000 100%);
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#595959, endColorstr=#000000)";
background-color: #000000;
}
Kommentiere die Zeilen aus oder ändere diese Farbwerte nach Deinen Wünschen
So, das sollte es dann gewesen sein
Ansonsten schau mal grad hier unten in meiner Signatur.