Farben
Zur Farbgebung dient in MediaWiki wie in HTML das style-Attribut. Bereiche, die man farbig gestalten will, werden in Tags eingeschlossen, zum Beispiel in span-Tags für Zeichenfolgen im Fließtext oder p-Tags für ganze Absätze.
Im style-Attribut färbt man mit den CSS-Anweisungen color:#RRGGBB für Textfarbe oder background-color:#RRGGBB für Hintergrundfarbe einen Abschnitt ein. „#RRGGBB“ steht für eine hexadezimale Farbangabe: Der Rotwert (RR) kann zwischen 00 und FF (entspricht dezimal 255) liegen, ebenso der Grün- (GG) und der Blauwert (BB). Statt der Angabe #RRGGBB ist, außer mit bgcolor, immer auch die Kurzangabe #RGB möglich.
Man kann statt der Codierung „#RRGGBB“ auch die unten aufgeführten Farbnamen verwenden (ohne „#“).
Farben verwenden
| Aktion | Wikitext | Ergebnis |
|---|---|---|
| Farbiger Text | <span style="color:#006400"> Text </span>
|
Text |
| Farbige Absätze | <p style="color:darkgreen"> Absatz </p>
|
Absatz |
| Hintergrund für ein oder wenige Wörter | <span style="background-color:yellow"> Beispiel </span>
|
Beispiel |
| Hintergrund eines Absatzes | <p style="background-color:yellow"> Absatz </p>
|
Absatz |
| Farbiger Text + Hintergrund eines Absatzes | <p style="color:darkgreen; background-color:yellow"> Absatz </p>
|
Absatz |
| Hintergrund einer Tabellenzelle | style="background-color:#fedbca" | Text
|
Text |
Die Kurzformenkombination bgcolor=#fa3 wird von einigen Browsern falsch aufgelöst – keinesfalls verwenden!
| ||
Rot als Textfarbe sollte in Artikeln nicht verwendet werden; siehe auch Textgestaltung.
Wiki Farbdefinitionen: für Rahmen und Hintergründe von Textbausteinen, Tabellen und anderem. Hier: Standardvorgaben für „dunkle Schrift auf hellem Grund“. Die Farben sind unabhängig von den direkten Farbwerten zu verstehen und können prinzipiell für unterschiedliche Skins unterschiedlich sein.
Hintergrundfarben
- Anwendungsbeispiele
- Innerhalb vom Fließtext oder einer Textzeile
<span class="hintergrundfarbe5">innerhalb einer Textzeile</span>
- oder etwas „schöner“ mit „padding“ links und rechts
<span class="hintergrundfarbe5" style="padding:0 1.5pt 0 1.5pt">innerhalb einer Textzeile</span>
- Blockweise
<div class="hintergrundfarbe5">Text, Bilder, Tabellen usw.</div>
| Klassen-Name | Kurzbeschreibung | Farbe |
|---|---|---|
| hintergrundfarbe1 | Wie class="wikitable"
|
#F9F9F9 |
| hintergrundfarbe2 | „Weiß“, für Nicht-Artikel-Seiten, neutral | #FFFFFF |
| hintergrundfarbe3 | „Gelb“, auffällig | #FFFF40 |
| hintergrundfarbe4 | Sehr auffällig | #FFAA00 |
| hintergrundfarbe5 | Neutral, abgesetzt | #E0E0E0 |
| hintergrundfarbe6 | Allgemein „bunt“,
für Hervorhebungen und Unterscheidungen |
#B3B7FF |
| hintergrundfarbe7 | #FFCBCB | |
| hintergrundfarbe8 | #EFDEAD | |
| hintergrundfarbe9 | #B9FFC5 |
Rahmenfarben
Anwendung beispielsweise: <span class="rahmenfarbe3" style="border-style: solid; border-width: 2px; margin: 2px"> Text</span>
| Klassenname | Kurzbeschreibung | Farbe |
|---|---|---|
| rahmenfarbe1 | Wie Inhaltsverzeichnis | rahmenfarbe1 |
| rahmenfarbe2 | Unauffällig, geringer Kontrast | rahmenfarbe2 |
| rahmenfarbe3 | „Rot“, auffällig | rahmenfarbe3 |
| rahmenfarbe4 | Neutrale Farbe, deutlich | rahmenfarbe4 |
| rahmenfarbe5 | „Schwarz“, hoher Kontrast | rahmenfarbe5 |
