Farben

Aus Carrerawiki
Wechseln zu: Navigation, Suche

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