TraunStoaner:Hintergrundfarben und Rahmenfarben

Aus TraunStoaner

Zur Gestaltung von Hintergrundfarben und Rahmenfarben kann in MediaWiki das style-Attribut oder CSS-Klassen eingesetzt werden.

Syntax im Quelltext

Aktion Wikitext Ergebnis
Farbiger Text <span style="color:#006400"> Text </span> Text
Farbige Blöcke <div style="color:darkgreen"> Block </div>
Block
Hintergrund für ein oder einige Wörter <span style="background:yellow"> Beispiel </span> Beispiel
Hintergrund eines Blocks <div style="background:yellow"> Block </div>
Block
Farbiger Text + Hintergrund eines Blocks <div style="background:yellow; color:darkgreen"> Block </div>
Block
Hintergrund einer Tabellenzelle style="background:#EAECF0"| Text Text
class="hintergrundfarbe5"| Text Text
bgcolor="#EAECF0"| Text (veraltet, nicht mehr neu verwenden) Text

CSS-Klassen

Farbdefinitionen über CSS-Klassen haben den Vorteil, dass sie sich den unterschiedlichen Skins anpassen können.

Hintergrundfarben

Anwendungsbeispiele:

  • Innerhalb vom Fließtext oder einer Textzeile
    • <span class="hintergrundfarbe8">innerhalb einer Textzeile</span>
  • oder etwas schöner mit „padding“ links und rechts
    • <span class="hintergrundfarbe8" style="padding:0 3px 0 3px">innerhalb einer Textzeile mit etwas Abstand zum Buchstaben </span>
  • Blockweise
    • <div class="hintergrundfarbe8"> Text, Bilder, Tabellen usw. </div>
      Text, Bilder, Tabellen usw.
  • Für eine Tabellenzelle
    • |- class="hintergrundfarbe8"
Text Text Text
Klassen-Name Kurzbeschreibung Farbe in
allen Skins
hintergrundfarbe1 Neutral #F8F9FA
hintergrundfarbe2 „Weiß“, für Nicht-Artikel-Seiten, neutral #FFFFFF
hintergrundfarbe3 „Gelb“, auffällig #FFFF40
hintergrundfarbe4 Sehr auffällig #FFAA00
hintergrundfarbe5 Neutral, abgesetzt; wie class="wikitable" #EAECF0
hintergrundfarbe6
Allgemein „bunt“,
für Hervorhebungen und Unterscheidungen
#B3B7FF
hintergrundfarbe7 #FFCBCB
hintergrundfarbe8 #FFEBAD
hintergrundfarbe9 #B9FFC5

Rahmenfarben

Kopiervorlage:

  • <span class="rahmenfarbe3" style="border-style: solid; border-width: 2px; margin: 2px"> Text</span>
Klassenname Kurzbeschreibung Farbe
rahmenfarbe1 Wie Inhaltsverzeichnis #A2A9B1
rahmenfarbe2 Unauffällig, geringer Kontrast #EAECF0
rahmenfarbe3 „Rot“, auffällig #C00000
rahmenfarbe4 Neutrale Farbe, deutlich #8888AA
rahmenfarbe5 „Schwarz“, hoher Kontrast #000000

Wikipedia

 Wikipedia/de:Webfarbe

 Wikipedia/de:Hilfe:Farbe

 Wikipedia/de:Hilfe:Farbtabelle

Weblinks


In Anlehnung an WP/de - Hilfe:Farbe erstellt.