Text formatieren - Textfarben

Die meisten standard Forencodes von HPM sind, wie der aufmerksame User vielleicht bereits festgestellt hat, über die Symbol-Bar zu erreichen welche wiederum bei der Eingabe eines Beitrags sichtbar wird. Als Symbol-Bar wird der Teil der Forenmaske bezeichnet in dem sich all die lustigen, anklickbaren Smilies befinden.
Diese Forencodes sind durch einen Klick auf das gewünschte Icon schnell in den Beitrag einzufügen.
Es gibt allerdings ein paar mehr bereits eingebaute Forencodes als jene die in der Symbol-Bar sichtbar sind, diese Forencodes müssen beim Antworten oder Editieren dann "per Hand" eingegeben werden.
Es folgt eine kleine Einführung, wie man sieht können Forencodes auch verschachtelt werden um unterschiedliche Darstellungsweisen mit demselben Textauszug zu erreichen.

---

Ein sehr wichtiger und flexibler Forencode ist [style][/style].
Dieser Forencode ist nicht in der Standardeinstellung über die Symbol-Bar aufzurufen, was gerade wegen seiner Flexibilität in den meisten Fällen auch wenig sinnvoll wäre, aber zumindest ist er ein fester Standard-Bestandteil der HPM Foren und wird in der FAQ bereits kurz erwähnt.

---

Anwendungsbeispiele für [style]

---

Mit dem Style-Code kann man die Farbe von Schriften frei bestimmen unabhängig von den 7 Vorgegebenen.
Das geht so:
[style=color:#??????] Text [/style]

Anstelle der 6 Fragezeichen muss man dazu 6 Ziffern von 0 bis F eingeben (Hexadezimal).
Das # Zeichen muss ebenfalls stehenbleiben.

Beispiele:
[style=color:#33FFCC] ergibt diese Textfarbe [/style]
[style=color:#6633FF] ergibt diese Textfarbe [/style]
[style=color:#FF33CC] ergibt diese Textfarbe [/style]
[style=color:#B30086] ergibt diese Textfarbe [/style]

---

Hier einige Homepages die zum Komponieren von Farbkombinationen sehr nützlich sind:

http://www.colorschemer.com/online.html

http://de.selfhtml.org/helferlein/farben.htm

http://www.free-webmaster-tools.com/colorpicker.htm

http://www.chanee.com/hexcolorsb.htm

.....es gibt sicherlich noch mehr Seiten aber diese sollten erst mal reichen.

---

Mit dem Style-Code kann man auch den Hintergrund der Schrift innerhalb der Beiträge beeinflussen und das geht so:

Beispiel:
[style=background-color:#F2CCFF;]Ein Beispieltext....[/style]

Ergebnis:
Ein Beispieltext....

Die Option background-color:#?????? ändert also den Hintergrund des Textes.

---

Das Ganze ist noch erweiterbar und man kann eine Style-Definition mit mehreren Optionen gleichzeitig versehen, dabei ist darauf zu achten das bestimmte Optionen nur im Zusammenhang mit anderen wirklich Sinn machen.
Weiterhin ist darauf zu achten das alle Optionen jeweils mit einem Semikolon ";" voneinander abgetrennt werden müssen.

Beispiel:
[style=background-color:#F2CCFF;color:#1F57FF;padding:2px;]Ein Beispieltext....[/style]

Ergebnis:
Ein Beispieltext....

background-color:#F2CCFF = Hintergrundfarbe vom Text.
color:#1F57FF = Vordergrundfarbe vom Text.
padding:2px = Auffüllen eines Bereichs um den Text herum, zusätzlich zur normalen Größe des Hintergrundes in Pixeln.



Speziell padding, im Zusammenhang mit background-color, kann man auch gut dazu benutzen um zu sehen wie Textfarbe oder Grafiken (mit transparentem Hintergrund) auf verschiedenfarbigen Hintergründen wirken.

Beispiel:
Ohne padding -

Mit padding -


Beispiel für übertriebenes Padding, nur zur Verdeutlichung:
[style=background-color:#F2CCFF;color:#1F57FF;padding:20px;]Neue Sportart - Extrempadding....[/style]


Neue Sportart - Extrempadding....