|
Folgende HTML-Tags sind im Chat erlaubt:
- <font face="arial" color="red" size="10px" style="text-decoration: overline"> (Schriftart, Farbe, CSS)</font>
- <sub> (Text unten ausgerichtet)</sub>
- <sup> (Text oben ausgerichtet)</sup>
- <i> (Schrift Kursiv)</i>
- <u> (Unterstrichner Text)</u>
- <b> (Fetter Text)</b>
- <img src="http://url.zu/bild"> (nur mit Bilderrechten, gibt es auf Anfrage)
Gegentags zu den unterstützten HTML-Tags sind auch erlaubt. (werden aber auch automatisch angesetzt)
Farben sind in Englisch(zb red, green, blue, brown) oder im hexadezimalen(zb #ff0000,
Einfürung: /me, <b>, <u>, <i>
Wahrscheinlich wirst du meist "/me" am Anfang des Anhangs verwenden, dadurch ist dein Text und Nick gleich kursiv und fett.
Erstmal müssen wir erklären, was <b>, <i>, <u> ist.
Mit <b> kannst du den Text fett darstellen, mit <i> um den Text kursiv darzustellen und <u> damit der Text unterstrichen wird.
Natürlich will man die drei HTML-Tags (so nennen sich die Befehle für HTML)
auch wieder beenden können. Wenn man z.B. nur einen kleinen Teil
im Text-Anhang unterstrichen haben will: "/me bla bla <u>unterstrichener
Text</u> nich mehr unterstrichen".
Wie man sehen kann, reicht es den gleichen Befehl nochmal hinzu schreiben aber
ein / davor zu schreiben um den Tag abzuschließen.
Schritart, Schriftfarbe: <font>
Da unser Text noch extrem langweilig aussieht wollen wir ein wenig Farbe mit
einbringen, dies machen wir mit dem <font>.
Erstmal ein kleines Beispiel bevor wir zu der Erklärung kommen: "/me
ich bin ein Geist<font color="#bb0000"> ...
".
Wie wir sehen ist der Text nach dem Tag Rot, das liegt daran das wir mit color="#bb0000"
angegeben haben welche Farbe der folgende Text hat.
Natürlich können wir den Tag auch wieder mit den gegen-Tag abschließen:
"/me ich bin ein Geist<font color="#bb0000"> ...
</font> bla".
Jetzt wollt ihr bestimmt wissen, wie das mit den Farben funktioniert.
Die Angabe "#bb0000" heißt soviel wie "#" = ich bin ein
Hexwert, "bb" habe bb Anteile an Rot, "00" Anteile an Grün
und "00" Anteile an Blau.
Wer schonmal mit Hexadezimal gerechnet hat oder damit zu tun hatte wird die
folgende Erklärung extrem langweilig finden *g*.
Die Wertigkeit geht von 00 bis FF, wobei 00 = nix ist und FF volle dröhnung.
Im Hexadezimalen wird nicht von 0 bis 9 gezählt sondern von 0 bis F: 0,1,2,3,4,5,6,7,8,9,A,B,C,D,E,F.
Rein logisch ist F = 15.
Wem das für euch zu viel ist schaut im Internet nochmal nach oder verwendet die Farbtabelle
unter Option->Einstellungen.
Natürlich kann man auch die englischen Begriffe wie "red, blue, green,
yellow, black, white, orange" verwenden um seine Farbe zu machen.
Leider sieht unser Anhang mit der Standard-Schriftart "Times new Roman"
noch ein wenig langweilig aus, daher stellen wir jetzt für unseren Text
die Schriftart "Verdana" ein.
Das würde wie folgt aussehen:
"/me Ich bin ein Geist <font color="#bb0000" face="verdana">
hallo"
Das sieht doch schon mal nicht schlecht aus, am besten ist es, wenn man damit noch ein wenig
rumspielt und schaut was passiert wenn man dies und jenes macht.
Hoch-runtergestellt: <sup> <sub>
Ihr fragt euch bestimmt wie manche es geschafft haben den Text herunter zustellen
oder hoch zustellen.
Dies zu machen ist nicht schwerer als den Text in Fett oder unterstrichen
zu machen.
Dafür verwenden wir die Tags <sub> für heruntergestellt und <sup>
für hochgestellt, merkt euch einfach, das, wenn die Nase von p nach unten schaut
euer Text nach oben geht und wenn die Nase nach oben zeigt der Text nach unten geht.
Schön wäre es wenn ihr den Text auch wieder in Normalform bringt,
dazu verwendet ihr wieder die gegen-Tags: </sub> und </sup>.
Chat TIPP für die Verwendung von CSS.
Da CSS StyleSheet eine schöne Sache ist, haben wir dies natürlich auch im Chat eingebaut. Ihr erhaltet die Rechte dafür über Optionen -> Kontakt
Als erstes müsst ihr wissen das CSS nur ein Zusatz zu HTML ist und auch
nur so fungiert. Von daher wird es hier bei den HTML-Tipps auch nur als Zusatz erwähnt. Da wir im Chat mit CSS sehr eingeschränkt arbeiten können, zeige
ich nur das, was möglich ist.
Am besten ist wieder ein kleines Beispiel:
"/me <font style="color:#FF0000">ich
bin ein Geist</font> ... "
Wie wir sehen geben wir zwischen style=" und " unsere Angaben ein.
Wenn wir mehrere Angaben haben, müssen wir die mit einem ; (Semikolon) trennen.
Hier ist erstmal die Referenz aus der Hilfe zum Anschauen (mit Beispiele):
- text-decoration Textdekoration
- underline (unterstrichen)
- overline (überstrichen)
- line-through (durchgestrichen)
- none (keine Formatierung)
- Beispiel: <font style="text-decoration:underline">ich bin unterstrichen</font>
- font-family Schriftart
- serif (Mit
Serif)
- sans-serif (ohne
Serif)
- corsive (Schreibschrift)
- fantasy (ungewöhnlich)
- monospace (dicktengleichen
Zeichen)
- Beispiel: <font style="font-family:monospace">ich bin dicktenglich :-D</font>
- font-weight Schriftgewicht
- bold (fett)
- bolder (fetter)
- lighter (dünner)
- normal (normal)
- oder zahlen zwichen 1 und 900 (dicke)
- Beispiel: <font style="font-weight:bold">Ich bin dicker als normal</font>
- border/border-left/border-rigth/border-top/border-bottom Rahmen
- 1px (größe in Pixel)
- solid (normaler Rahmen)
- double (doppelt)
- Beispiel: <font style="border:1px solid blue"> Einfacher blauer Rahmen
Beispiel: <font style="border-top:1px solid blue"> Einfacher blauer oberer Rand
- border-style Rahmen-Style
- none (kein)
- hidden (unsichtbar)
- dotted (gepunktet)
- dashed (gestrichelt)
- groove (3D-Effekt)(eingeschoben)
- inset (3D-Effekt) (eingeschoben)
- outset (3D-Effekt) (hervorgehoben)
- Beispiel: <font style="border:1px solid;border-style:hidden">gestrichelter Rahmen</font>
- background-color Hintergrundfarbe
- border-color allgemeine Randfarbe
- color Schriftfarbe
- text-shadow Textschattierung (Farbangabe)
- font Schriftart
- font-size Schriftgröße (angaben bitte in %)
Hinweis:
Nicht alle CSS-Angaben funktionieren bei jedem Browser! Bitte Hintergrundfarben
und Rahmen nur im Anhang benutzen
und nicht über den ganzen Text ziehen.
|