Bevor Sie die Farben Ihrer WebSite festlegen empfiehlt sich dringend (und mehr als nur) einen Blick in Literatur über Farben, Farbmodelle und Farbharmonie zu werfen. Die Farben sollen insoweit zueinander passen, dass sie eine gute Ergänzung bzw. einen guten Kontrast ergeben, ohne die Augen »herauszufordern«.
Auf dieser Grundlage sollte es gelingen mit wenigen Farben auszukommen und trotzdem nicht eintönig zu sein.
Die meisten Formatierungen sind in der Datei: f-sF.css gespeichert, lediglich bei einzelnen Seiten gibt es zusätzlich oder ausschließlich ein seitenspezifisches CSS-Script.
CSS
| Farbe | Hex-Wert | Anwendung auf: | S | M | Style-Element |
| #ffffdd | Dokumentenhintergrund | S | M | body | |
| #000000 | Textfarbe | S | - | body | |
| #000088 | Unbesuchter Link (Text)
Angeklickter Link (Text) Angeklickter Link (Hintergrund) Textfarbe |
S
S - - |
M
- M M |
a:link
a:active a:active body |
|
| #ff0000 | OnMouseOver-Farbe Link (Text) | S | M | a:hover | |
| #ffffff | Angeklickter Link (Text) | - | M | a:active | |
| #006644 | Besuchter Link (Text) | S | M | a:visited | |
| #ffeebb | Unbesuchter Link (Hintergrund)
OnMouseOver-Farbe Link (Hintergrund) |
S | - | a:link
a:hover |
|
| #770077 | Horizontale Linien | S | M | p, div [class] | |
| #ffffee | Quellcode, Quellcodetabellen | S | - | table, ... [class] | |
| #e6e6e6 | Tabellentexte, Buttontabellenzellen | S | - | td, ... [class] | |
| #ffdd66 | Rahmen (z.B. Tabellen) | S | - | table,textare,input [class] |
S entspricht Informations-Seiten (wie diese).
M entspricht Navigationsbaum (Menü).
Weitere Farben wurden nur auf einzelnen Seiten eingesetzt, sofern es sinnvoll erschien.
Die Standardeinstellungen des Browsers werden von folgenden überschrieben.
| Menüframe | Anwendung
auf: |
Textframe | ||
| Farbe | Hex-Wert | Hex-Wert | Farbe | |
| #ffffaa | scrollbar-face-color | #ffffcc | ||
| #ffff99 | scrollbar-track-color | #ffffaa | ||
| #ffddaa | scrollbar-highlight-color | #ffddaa | ||
| #ffdd66 | scrollbar-base-color | #ffdd66 | ||
| #ffddaa | scrollbar-shadow-color | #ffddaa | ||
| #880000 | scrollbar-darkshadow-color | #880000 | ||
| #770077 | scrollbar-arrow-color | #770077 | ||
Diese Seiten enthalten ähnliche Themen:
Farbschema für die Porzellansuchseiten
CSS(ie) Farbige Scrollbalken
CSS(ie) Farbwahl mit Schiebregler
Farbwahl mit dem Farbrad - JavaScript-Tool.
© 2001
5.5