Farbe: Unterschied zwischen den Versionen

Aus wiki2go
Wechseln zu: Navigation, Suche
Zeile 1: Zeile 1:
 
{{Textgestaltung}}
 
{{Textgestaltung}}
 +
In Wikis ist es möglich die Schriftfarbe, sowie den Hintergrund von Texten zu färben. Die Schrift- sowie Hintergrundfarbe wird über spezielle '''[[Wiki-Code|Wiki-Codes]]''' erzeugt. Wiki-Codes geben für einzelne Textelemente an, wie sie im Browser dargestellt werden sollen.
  
<big>'''<font color="#FF0000">Hinweis von MB: Seiteninhalt muss noch überarbeitet werden (CathriLena?)-- ich habe lediglich den Vorlagenbaustein (rechts oben: Gliederung des Tutorialbereichs) angepasst.</font>'''</big>
+
==Schriftfarbe ändern==
 +
Um die Schriftfarbe zu ändern, wird folgender Code gebraucht:
  
In Wikis ist es möglich die Schriftfarbe, sowie den Hintergrund von Texten zu färben. Da Farbe auch ablenkt und zu bunte Text oft unübersichtlich werden, sollte man Farbe immer recht sparsam gebrauchen.
+
<nowiki> <span style="color:</nowiki>'''Farbname'''">''' zu färbender Text''' </span>
  
==Wie verändere ich die Schriftfarbe?==
+
Der '''Farbname''' wird durch den Namen der Wunschfarbe ersetzt (nur englische Farbnamen sind möglih). Bei '''zu färbender Text''' wird der Text, dessen Farbe verändert werden soll, eingefügt.
Um Schriftfarbe zu ändern, wird folgender Code gebraucht:
 
 
 
<nowiki> <span style="color:</nowiki>'''Farbname'''">''' zufärbender Text''' </span>
 
 
 
'''Farbname''' wird durch den Namen der Wunschfarbe ersetzt (nur englische Farbnamen). Bei '''zufärbender Text''' wird der Text, dessen Farbe verändert werden soll, eingefügt.
 
 
Es folgen die wichtigsten Farbnamen:
 
Es folgen die wichtigsten Farbnamen:
  
Zeile 29: Zeile 26:
 
|}
 
|}
  
Neben Farbnamen gibt es auch noch Farbnummern. Mit diesen wird die gesamte Farbpallette abgedeckt, denn jedem Farbton wird damit ein bestimmter Farbcode zugewiesen. Diese Codes sind sechsstellig und bestehen aus Zahlen und Großbuchstaben. (z.B. : "BB0000" für einen <span style="color:#BB0000">dunklen Rotton </span>). Man nutzt sie exakt wie Farbnamen, mit dem Unterschied, dass man bei Farbnummern eine Raute ('''#''') davor setzt. Ein Beispiel:  
+
Neben Farbnamen gibt es auch noch Farbnummern. Mit diesen wird die gesamte Farbpalette abgedeckt, denn jedem Farbton wird damit ein bestimmter Farbcode zugewiesen. Diese Codes sind sechsstellig und bestehen aus Zahlen und Großbuchstaben. (z.B. : "BB0000" für einen <span style="color:#BB0000">dunklen Rotton </span>). Man nutzt sie exakt wie Farbnamen, mit dem Unterschied, dass man bei Farbnummern eine Raute ('''#''') davor setzt. Ein Beispiel:  
  
 
{|class="wikitable"
 
{|class="wikitable"
Zeile 40: Zeile 37:
  
 
==Hintergrundfarbe verändern==
 
==Hintergrundfarbe verändern==
<big>'''<font color="#FF0000">Hinweis von MB: Dieser Abschnitte fehlt noch komplett.</font>'''</big>
+
Um die Hintergrundfarbe einzelner Wörter oder ganzer Absätze zu ändern, wird folgender Code verwendet:
 +
<nowiki> <p style="background-color:</nowiki>'''Farbname'''">''' zufärbender Text''' </p>
 +
 
 +
{|class="wikitable"
 +
!Farbname !! Aussehen !! Quelltext
 +
|-
 +
|yellow || <p style="background-color: yellow">gelb</p> ||<nowiki><p style="background-color: yellow">gelb</p></nowiki>
 +
|}
 +
 
 +
Auch hier können Sie statt des Farbnamens auch den Farbcode angeben.
 +
 
 +
{|class="wikitable"
 +
! Aussehen!! Quelltext!! Farbcode
 +
|-
 +
|<p style="background-color: #FFFF00;">gelber</p> || <nowiki> <p style="background-color: #FFFF00;">gelb</p> </nowiki> || FFFF00
 +
|}
  
 
[[Category:edit]]
 
[[Category:edit]]

Version vom 1. Mai 2017, 22:48 Uhr

Tutorialbereich: Textgestaltung Kachel Textgestaltung für Unterseiten.jpg
.
In diesem Bereich erfahren Sie alles, was Sie für die Gestaltung und Strukturierung von Text auf Wiki-Seiten benötigen:
  • Schriftformate: Fett oder kursiv, groß oder klein - was darf's denn heute sein?
  • Überschriften und Absätze: Klar gegliedert ist halb gewonnen
  • Listen: Ordnung ist das halbe Leben: Aufzählen und Nummerieren nach Herzenslust
  • Tabellen: Inhalte verwalten in Zeilen und Spalten
  • Farbe: Tipps & Tricks wider die Tristesse!

In Wikis ist es möglich die Schriftfarbe, sowie den Hintergrund von Texten zu färben. Die Schrift- sowie Hintergrundfarbe wird über spezielle Wiki-Codes erzeugt. Wiki-Codes geben für einzelne Textelemente an, wie sie im Browser dargestellt werden sollen.

Schriftfarbe ändern

Um die Schriftfarbe zu ändern, wird folgender Code gebraucht:

<span style="color:Farbname"> zu färbender Text </span>

Der Farbname wird durch den Namen der Wunschfarbe ersetzt (nur englische Farbnamen sind möglih). Bei zu färbender Text wird der Text, dessen Farbe verändert werden soll, eingefügt. Es folgen die wichtigsten Farbnamen:

Farbname Aussehen Quelltext
red rot <span style="color:red"> rot </span>
yellow gelb <span style="color:yellow"> gelb </span>
blue blau <span style="color:blue"> blau </span>
green grün <span style="color:green"> grün </span>
orange orange <span style="color:orange"> orange </span>
purple lila <span style="color:purple"> lila </span>

Neben Farbnamen gibt es auch noch Farbnummern. Mit diesen wird die gesamte Farbpalette abgedeckt, denn jedem Farbton wird damit ein bestimmter Farbcode zugewiesen. Diese Codes sind sechsstellig und bestehen aus Zahlen und Großbuchstaben. (z.B. : "BB0000" für einen dunklen Rotton ). Man nutzt sie exakt wie Farbnamen, mit dem Unterschied, dass man bei Farbnummern eine Raute (#) davor setzt. Ein Beispiel:

Aussehen Quelltext Farbcode
8877BB <span style="color:#8877BB"> 8877BB </span> 8877BB

Alle Farbcodes finden Sie unter: Wikipedia Farbtabellen

Hintergrundfarbe verändern

Um die Hintergrundfarbe einzelner Wörter oder ganzer Absätze zu ändern, wird folgender Code verwendet: <p style="background-color:Farbname"> zufärbender Text </p>

Farbname Aussehen Quelltext
yellow

gelb

<p style="background-color: yellow">gelb</p>

Auch hier können Sie statt des Farbnamens auch den Farbcode angeben.

Aussehen Quelltext Farbcode

gelber

<p style="background-color: #FFFF00;">gelb</p> FFFF00