[gelöst] Seitenhintergund Zeropoint-Theme verändern
Eingetragen von ahoek (570)am 10.08.2010 - 11:27 Uhr in
Hallo,
ich versuche seit ein paar Stunden erfolglos, den Seitenhintergrund beim Zeropoint-Theme zu verändern.
Wenn ich den Farbwert ändere, den Firebug mir anzeigt, ändert sich alles mögliche an der Seite, nur nicht der Hintergrund.
Hier mal ein Link zu der Seite. Entferne ich nachher wieder.
Link gelöscht vom Threadersteller
Weiß jemand von Euch wo ich drehen muss?
Die ganze CSS-Thematik ist ziemlich neu für mich...
- Anmelden oder Registrieren um Kommentare zu schreiben
Sollte aber so gehen
am 10.08.2010 - 11:44 Uhr
Sollte aber so gehen
caw schrieb Sollte aber so
am 10.08.2010 - 11:47 Uhr
Sollte aber so gehen
Leider nicht....
style-zero.css Zeile 7 ist es nicht...
Die einzigen Hintergründe,
am 10.08.2010 - 12:28 Uhr
Die einzigen Hintergründe, die ich finde, sind die durch das Theme festgelegten Images mit Verläufen für den Kopf und die beiden Seitenstreifen. Auch die Kreise auf der rechten Seite unten sind als Image festgelegt. Der Body hat nur eine bottom-border. Was willst Du denn nun ändern?
Beste Grüße
Werner
Hallo Werner, was ich ändern
am 10.08.2010 - 12:30 Uhr
Hallo Werner,
was ich ändern möchte, ist der graue Hintergrund der Webseite, der links und rechts zu sehen ist. Also den Body.
Der Kunde will schwarz.
Wie ich schon vorher
am 10.08.2010 - 12:43 Uhr
Wie ich schon vorher geschrieben habe, sind das Images, die diesen Schattenverlauf darstellen und in Y-Richtung wiederholt werden. In style-zero.css Zeile 199ff
#body_left {-moz-background-clip:border;
-moz-background-origin:padding;
-moz-background-size:auto auto;
background-attachment:scroll;
background-color:transparent;
background-image:url("../images/all/fill_left.png");
background-position:0 0;
background-repeat:repeat-y;
}
und Zeile 202
#body_right {-moz-background-clip:border;
-moz-background-origin:padding;
-moz-background-size:auto auto;
background-attachment:scroll;
background-color:transparent;
background-image:url("../images/all/fill_right.png");
background-position:100% 0;
background-repeat:repeat-y;
padding-bottom:0;
padding-left:25px;
padding-right:25px;
padding-top:0;
}
Zum Ändern wirst du also entweder neue png-Files erstellen müssen, oder den CSS-Code für diese Bereiche umschreiben müssen.
Beste Grüße
Werner
Danke! Das habe ich
am 10.08.2010 - 12:47 Uhr
Danke! Das habe ich verstanden.
Wenn ich bei background-color:transparent; transparent durch schwarz ersetze, also 000000 reicht das?
Bisher sehe ich in meinem
am 10.08.2010 - 12:55 Uhr
Bisher sehe ich in meinem Browser zwei Hintergrundfarben (grau im Kopf, weiss beim Rest) sowie ausserdem die Rahmen (png Bilder) des Seiteninhalts.
Grundsaetzlich werden Hintergrundfarben im CSS so gesetzt:
background-color: #000000; /*in diesem Fall schwarz*/
Allerdings werden Farben im Hintergrund immer durch Bilder ueberschrieben. Das Grau in deinem Seitenkopf ist z.B. durch ein Bild gesetzt (background: url("../images/fill_top.png") repeat-x scroll 0 100% transparent;).
Du muesstest also den body auf schwarz setzen, dich um Header und Rahmen kuemmern und die Schrift entsprechend hell setzen.
Offtopic: Hast du den Kunden mal gefragt, warum er als Zahnarzt eine schware Seite haben will?
Ich habe das jetzt mal so
am 10.08.2010 - 13:45 Uhr
Ich habe das jetzt mal so weit gemacht wie ich es verstanden habe.
Der Hintergrund ist noch immer weiß.....
Offtopic: Hast du den Kunden mal gefragt, warum er als Zahnarzt eine schware Seite haben will?
Die alte Seite war in schwarz und er möchte das wieder so haben.
Des Kunden Wunsch ist seine Burg...:-)
[quote=ahoek]Ich habe das
am 10.08.2010 - 13:58 Uhr
[quote=ahoek]Ich habe das jetzt mal so weit gemacht wie ich es verstanden habe.
Der Hintergrund ist noch immer weiß.....
Das hilft so nicht weiter. Bei CSS musst schon genau angeben, was du in welcher Datei und Zeile geaendert hast. Dann koennen wir einfacher helfen.
1. Ich habe die PNGs
am 10.08.2010 - 14:11 Uhr
1. Ich habe die PNGs ausgetauscht
2. Ich habe die entsprechenden Code-Zeilen wie folgt verändert:
#top_bg {background: #000000 url(../images/fill_top.png) 0 100% repeat-x;
}
#top_left {
background: #000000 url(../images/fill_top_left.png) 0 100% no-repeat;
}
#top_right {
background: #000000 url(../images/fill_top_right.png) 100% 100% no-repeat;
padding: 0 25px;
}
#body_bg {
border-bottom: 1px solid #000000;
}
#body_left {
background: #000000 url(../images/all/fill_left.png) 0 0 repeat-y;
}
#body_right {
background: #000000 url(../images/all/fill_right.png) 100% 0 repeat-y;
padding: 0 25px;
}
Du mußt noch in #body_bg die
am 10.08.2010 - 16:48 Uhr
Du mußt noch in #body_bg die background-color auf #000000 setzen. (Zeile 196ff im CSS-File)
Beste Grüße
Werner
Vielen Dank an Euch alle!!!!!
am 10.08.2010 - 18:17 Uhr
Vielen Dank an Euch alle!!!!! Ich habe es hinbekommen und eine Menge neues gelernt.