Farben

Sowohl für Hintergrundbilder der Blogger-Auswahl als auch für die alternativen Hintergründe, die Blogger zur Vorlage bietet, stellt Blogger ein jeweils passendes Farbkonzept bereit.

---

Ändert man an den Voreinstellungen nichts, dann nutzt man das jeweils voreingestellte Farbkonzept für das Blog. Für kleinere Änderungen werden einem weitere Farben angeboten, die ebenfalls in das Konzept passen.

Man kann aber auch ganz andere Farben wählen. Sagen einem die selbst gewählten Farben später doch nicht zu, kann man die Einstellungen im Designer in den einzelnen Bereichen wieder auf Standard stellen.

Ein hochgeladenes eigenes Bild oder eine selbst festgelegte Hintergrundfarbe, bewirken allerdings nicht, dass automatisch ein neues dazu passendes Farbkonzept von Blogger errechnet wird. Die Farben, die einem dann angeboten werden, gehören vorwiegend zum zuletzt eingestellten Farbkonzept, nicht zur neuen Farbsituation. Das Farbkonzept muss man dann selbst erstellen.

Eine größere Auswahl garantiert harmonisch passender Farben kann man sich auch ergänzend wünschen. Hat man ein Hintergrundbild aktiviert, empfiehlt es sich, Farben aus dem Bild aufzugreifen. Es gibt unter Firefox ein Plugin, mit dem man das Bild nach darin vorkommenden Farben und ihren Farbcodes untersuchen und die Codes kopieren kann: Farbermittlung Rainbow, FireFox-Add-On.
Ohne Bild ist Color Scheme Designer 3 hilfreich. Da kann man Farbcodes angeben und kriegt dazu passende Farben angezeigt. Kopieren kann man die Codes dann mit Rainbow, wenn man sie nicht abschreiben will.

Farbverfremdung deaktivieren

Will man die teiltransparenten Hintergrundbilder deaktivieren, die für die Vorlage typisch sind und Hintergrundfarben im gleichen Bereich verfremden, dann muss man für die Bereiche unter "CSS hinzufügen" background:none; kommandieren. Die Bereiche, in denen solche Hintergünde aktiv sind, heißen

• Innerer Haupthintergrund = .content-outer
• Tabs-Hintergrund = .tabs-inner .widget ul
• Footer-Hintergrund = .footer-outer

Die Deaktivierungskommandos lauten jeweils:

• .content-outer { background:none; }
• .tabs-inner .widget ul { background:none; }
• .footer-outer { background:none; }

Ein Farbkommando, das man anschließend an die Stelle des Bildes setzen will,  muss so lauten (hier beispielsweise mit der Farbe Weiß):

• .content-outer { background-color:#ffffff; }
• .tabs-inner .widget ul { background-color:#ffffff; }
• .footer-outer { background-color:#ffffff; }

Farbverfremdung nutzen

Man kann die Farbverfremdung aber auch nutzen, so, wie ich das hier im Footer gemacht habe. Eine solche Farbe kriegt man sonst kaum hin.

Die Farbe die da verfremdet wird, ist eigentlich die Hintergrundfarbe dieser Zeile.

In Kombination mit dem rauchigen Überzug und dem zusätzlichen Inset-Schatten am Rand, dessen Farbe ich ebenfalls dem Hintergrundbild entnommen habe, ergibt das da einen harmonischen Eindruck und sorgt zudem dafür, dass Text da lesbarer ist, als ohne Farbe.

Dazu trägt man die Farbe wie oben beschrieben ein, deaktiviert aber das Bild nicht.

Farbeffekt genießen

Man kann den Farbeffekt, den die teiltransparenten Hintergrundbilder auf bestimmten Haupt-Hintergrundbildern oder auf Haupt-Hintergrundfarben erzeugen, aber auch einfach testen und im Glücksfall genießen. Hier im Blog z.B. passt der Astronaut nicht nur zum Hintergrundthema, sondern auch hervorrangend zur Farbe, die das teiltransparente Hintergrundbild auf dem Haupt-Hintergrundbild bewirkt. Das war ein glücklicher Zufall. Der Astronaut war da zuerst drin und war von mir ausgesucht, weil er die einzige Animation war, die mir nicht auf die Nerven ging. Erst dann habe ich mir ein Hintergrundbild ausgesucht und interessierte mich dabei nicht die Bohne für dessen Thema.