Hilfe:Farben

Aus Wiki.W311.info
Version vom 17. September 2012, 16:04 Uhr von Martin Rapp (Diskussion | Beiträge)

(Unterschied) ← Nächstältere Version | Aktuelle Version (Unterschied) | Nächstjüngere Version → (Unterschied)
Wechseln zu: Navigation, Suche
Farben im Wiki?
Bitte nur sehr sparsam...

Farben? - Ein heikles Kapitel...

Farben sollten im Wartburg-Wiki sparsam und mit Bedacht eingesetzt werden. Das durchgängige Erscheinungsbild der Inhalts-Seiten sollte im Allgemeinen nicht unterbrochen werden.

Wir möchten durch seriös aufbereitete Inhalte auffallen, nicht durch laute Aufmachung nach Art der Boulevard-Zeitungen...

Hinzu kommt die vorhandene Funktionalität von Links auf interne, externe oder nicht vorhandene Seiten, deren Aussagekraft nicht durch parallele Verwendung von Farben mit abweichender Bedeutung überdeckt werden sollte.

Aufgrund dieser (nicht nur bei uns üblichen) Wiki-Gepflogenheiten gibt es in der Wiki-Syntaxt keine speziellen Befehle für die Auszeichung von Text mit Farben. Vielmehr muß man sich bei Bedarf mit HTML-Kommandos und CSS-Anweisungen behelfen.

In Ausnahmen (und sparsam verwendet) können Farben jedoch eine sinnvolle Hervorhebung sein.

So geht es:

Zur Farb-Auszeichung von Texten sind im Wiki http://de.wikipedia.org/wiki/Hypertext_Markup_Language HTML-Tags verwendbar. Diese erhalten dann ein Style-Attribut mittels http://de.wikipedia.org/wiki/Cascading_Style_Sheets CSS-Anweisungen.

Die Befehlsfolge besteht daher aus HTML-Befehlen, z. B. span-Tags für Zeichenfolgen im Fließtext oder p-Tags für ganze Absätze, aber auch div-Befehle sind zulässig.

Die eigentliche Farb-Anweisung erfolgt mit CSS. - Beispiele:

Aktion Befehls-Folge Ergebnis
Farbiger Text <span style="color:#0000CD"> Text </span> Text
Farbige Absätze <p style="color:darkblue"> 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

Bei der Angabe der Style-Attribute sind verschiedene Schreibweisen möglich:

Bei der Farb-Angabe in Hex-Werten ist zur Kennzeichnung ein #-Zeichen voranzustellen.

style="background-color:#Hexadezimalwert;"

Alternativ können definierte Schlüsselworte verwendet werden.

style="background-color:Farbname;"

Wenn die Dezimal-Werte besser von der Hand gehen, sind diese so verwendbar:

style="background-color:rgb(Rot-Wert,Grün-Wert,Blau-Wert);"

Die Kurzform der Hex-Angabe, z. B. bgcolor=#fa3 wird nicht von allen Browsern korrekt interpretiert, daher sollte man grundsätzlich die vollständige Notation verwenden.

Sehr wichtig:
Bei der Verwendung von HTML-Kommandos und CSS-Anweisungen ist unbedingt auf das korrekte schließen der Tags zu achten. – Anderenfalls können unvorhersehbare Folgen für die Funktionalität der Seite auftreten!


Weiterführende Links

http://de.wikipedia.org/wiki/Hilfe:Farben WikiPedia Hilfe:Farben (enthält Farb-Tabelle)

http://de.selfhtml.org/ SelfHTML HTML- und CSS-Grundlagen

http://de.selfhtml.org/helferlein/farben.htm SelfHTML-Farbhelfer