|
|
Zeile 1: |
Zeile 1: |
− | __NOEDITSECTION__ __NOTOC__
| + | Kheili mozoo e khoobi bood o jaleb. Mer c! Shayad misohd ke far modest farad bishtari harf zad o toolanitar mobile Vali dar kol kheili khoob bood. |
− | [[Datei:Maskottchen_mit_Farbeimer_-_gespiegelt.jpg|280px|thumb|right|Farben im Wiki? <br />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:
| + | |
− | | + | |
− | {| class="wikitable"
| + | |
− | |-
| + | |
− | ! Aktion | + | |
− | ! Befehls-Folge
| + | |
− | ! Ergebnis
| + | |
− | |-
| + | |
− | | Farbiger Text
| + | |
− | | <code><nowiki><span style="color:#0000CD"> Text </span></nowiki></code>
| + | |
− | | <span style="color:#0000CD">Text</span>
| + | |
− | |-
| + | |
− | | Farbige Absätze
| + | |
− | | <code><nowiki><p style="color:darkblue"> Absatz </p></nowiki></code>
| + | |
− | | <p style="color:darkblue">Absatz</p>
| + | |
− | |-
| + | |
− | | Hintergrund für ein oder wenige Wörter
| + | |
− | | <code><nowiki><span style="background-color:yellow"> Beispiel </span></nowiki></code>
| + | |
− | | <span style="background:yellow">Beispiel</span>
| + | |
− | |-
| + | |
− | | Hintergrund eines Absatzes
| + | |
− | | <code><nowiki><p style="background-color:yellow"> Absatz </p></nowiki></code>
| + | |
− | | <p style="background:yellow">Absatz</p>
| + | |
− | |-
| + | |
− | | Farbiger Text + Hintergrund eines Absatzes
| + | |
− | | <code><nowiki><p style="color:darkgreen; background-color:yellow"> Absatz </p></nowiki></code>
| + | |
− | | <p style="color:darkgreen; background-color:yellow">Absatz</p>
| + | |
− | |-
| + | |
− | | Hintergrund einer Tabellenzelle
| + | |
− | | <code><nowiki>style="background-color:#fedbca" | Text</nowiki></code>
| + | |
− | |style="background-color:#fedbca"| 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. '' <code>bgcolor=#fa3</code> ''wird nicht von allen Browsern korrekt interpretiert, daher sollte man grundsätzlich die vollständige Notation verwenden.
| + | |
− | | + | |
− | '''Sehr wichtig:''' <br />
| + | |
− | 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]
| + | |
− | | + | |
− | | + | |
− | [[Kategorie:Hilfe|Farben]]
| + | |
Kheili mozoo e khoobi bood o jaleb. Mer c! Shayad misohd ke far modest farad bishtari harf zad o toolanitar mobile Vali dar kol kheili khoob bood.