Hilfe:Farben

Aus Wikibooks

Hoch zum Lehrbuch
Sei mutig! - Seite bearbeiten - Inhaltsverzeichnis - Farben - Rahmen - Infoboxen - Tabellen - Fußnoten - LaTeX - Vorschau
Erste Schritte auf der Spielwiese - Formatierung auf der Spielwiese üben

[Bearbeiten] Farbvorlagen

Schriftfarbe Rot und Blau

Wer einzelne Wörter oder kleinere Textbausteine in die Signalfarben "Rot" oder "Blau" setzen möchte, der verwende folgende Vorlagen

• Beispieltext mit einem {{rot|roten}} Wort.
• Beispieltext mit zwei {{blau|blauen Worten}}.

Rot wird allgemein für Warnungen und wichtige Hinweise verwendet, und Blau für eine allgemeine Hinweise und Hervorhebung einzelner Worte, Texte und insbesondere für Vokabeln.

andere Schriftfarben

Durch einen weiteren optionalen Parameter |Farbangabe am Ende des zu färbenden Textes kann auch jede andere Farbe eingestellt werden.

• Beispieltext mit einem {{rot|orangen|orange}} und einem {{blau|grünen|green}} Wort.

Hintergrundfarbe

Wer nur die Hintergrundfarbe einzelner Wörter oder kleinerer Textbausteine ändern möchte der kann folgende Vorlage für die Hintergrund-Farbe (engl. background-color) verwenden.

• Beispieltext mit einem Text in {{bg|SpringGreen|frühlingsgrüner Hintergrundfarbe}}.

Text und Hintergrundfarbe

Damit man nicht die beiden Vorlagen verschachteln muss, um sowohl die Schriftfarbe als auch die Hintergrundfarbe zu ändern gibt es die Farbe-Vorlage.

• Beispieltext mit {{farbe|white|black| weißer Schrift auf schwarzem Hintergrund}}.

Syntax (Kopiervorlagen)

• {{blau|Text}}
• {{blau|Text|Schriftfarbe}}
• {{rot|Text}}
• {{rot|Text|Schriftfarbe}}
• {{bg|Hintergrundfarbe|Text}}
• {{farbe|Schriftfarbe|Hintergrundfarbe|Text}}

Als Farbangaben kann man alle Farbcodes eingeben, die ein Webbrowser versteht.

Der Text selbst kann mit dem typischen Wiki-Syntax zusätzlich ''kursiv'' oder '''fett''' gedruckt werden.

Auch wenn mehrere Verschachtelungen von Formatvorlagen und HTML-Formatierungen theoretisch möglich sind, solltest du für die Übersicht darauf verzichten. Sonst können andere deinen Text nicht mehr nacharbeiten.

Für aufwendigere Formatierungen verwende besser die nachfolgenden Mittel.

Font-Tag
Wenn du ein Stück Text färben willst, kannst du dieses mit den typischen HTML-Mitteln machen.

Eine Möglichkeit ist der "Font-Tag". Setze ihn in folgende Klammern:

<font color="green">Hier steht der grüne Text</font>

Bei solch einfachen Konstruktionen geht es zwar auch ohne Anführungszeichen, doch man sollte die obere Variante mit Anführungszeichen bevorzugen:

<font color=blue>Hier steht der blaue Text</font>

Man kann zum Font-Tag zusätzlich noch mehrere Angaben kombinieren, beispielsweise mit einer Größenangabe. Die Größe kann als absoluter Wert angegeben werden, wobei „Size“ Werte von 1 bis 7 annehmen darf, size = 3 ist Standard. Die Größe kann auch relativ angegeben werden: size="+1" macht die Schrift um eine Stufe größer als Standard.

• <font color="red" size="+1">Bitte durchlesen! </font>

• <font color="chocolate" style="background-color:silver" size="+3">Hallo </font>

• <font color="darkred" size="7">Bitte durchlesen!</font>

Style-Atribut
Erfahrene Web-Programmierer können natürlich auch HTML-Code mit dem Style-Atribut verwenden.

Beispiel

Welche weiteren Möglichkeiten der Font-Tag und das Style-Atribut bieten und welche Syntax dabei zu beachten ist, übersteigt den Umfang dieser Hilfeseite.

Eine kleine Farbenauswahl:

Farben finden

Weitere Farben findest du in Webfarben. Noch mehr Farben sind in Farben beschrieben.