TraunStoaner:Hintergrundfarben und Rahmenfarben
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:Hilfe:Farbtabelle
Weblinks
In Anlehnung an WP/de - Hilfe:Farbe erstellt.