Design Farbe ändern
Farbe des Designs ändern:
- eine Hintergrundfarbe bekommen :
- der Hintergrund hinter dem Design = body
- das Headerfeld = #masthead
- Feld mit Seiteninhalt + Box = #content
- Feld mit Menü (oben) = #access
- Feld der rechten Box = #sidebar
- offene Seite im Menü = #checked_menu
und so schaut der CSS Code aus :
<style type="text/css"> <-- /* Hintergrund hinter Design */ body { background: none #XXXXXX !important; } /* Titel im Header entfernen */ #claim { display: none!important; } /* Farbe für Header, Menü, Seiteninhalt und Box */ #masthead, #content, #access, #sidebar { background: #XXXXXX !important; } /* Menü-Button aktuell besuchte Seite */ #checked_menu { background: #XXXXXX;} /* Seitentitel im Seiteninhalt */ #main h1 {color:#XXXXXX;} --> </style>
Bei #XXXXXX gewünschten Hintergrundfarbe (farbcode) einfügen.
Mit einem Generator könnt Ihr harmonische Farbkombinationen finden.
Auf http://colorschemedesigner.com oder auf https://color.adobe.com/de/
- z.B. eine Hintergrundfarbe für body (hinter dem Design)
- zweite (helle) Hintergrundfarbe für Header - Menü - Seiteninhalt - Box
- dritter (dunlerer) Farbton für Überschriften und Hover Menü-Button
Textfarben ändern
Seiteninhalt = #main und rechte Box = #sidebar
die Textfarbe können wir mit color: festlegen
#main, #sidebar { color: #000080 !important; }
Mit einfügen in den ersten Code, vor dem --> </style>