Inhalt

• Ziel dieser Seite
• Was sind Tags?
• Farben
• Kursiv, Fett, Unterstrichen, Durchgestrichen
• Texte hochstellen, Texte tiefstellen
• Texte mit Farben hinterlegen
• Schriftvergrößerung
• Standard (Tags big & small)
• Alternative 1 (size Tag)
• Alternative 2 (Style Tag)
• Verwendung von Gliederungs-Tags
• Überschrift erster Ordnung
• Überschrift zweiter Ordnung
• Überschrift dritter Ordnung
• Überschrift vierter Ordnung
• Überschrift fünfter Ordnung
• Überschrift sechster Ordnung
• Inhaltsverzeichnis
• Listen
• Unnummerierte Liste
• Unnummerierte Liste - Kurzversion
• Nummerierte Liste
• Verschachtelte Listen - unnummeriert
• Verschachtelte Listen - nummeriert
• Tabellen
• Zitierfunktion
• Links einfügen
• Der Spoiler
• Bilder einfügen
• Bilder verkleinern (IMG_PX-Tag)
• Textanker

Ziel dieser Seite

Was sind Tags?

Spoiler

[code][/code]
 

In der Symbolleiste ist die Code-Funktion als <> dargestellt. Sie veranlasst die Software, alle weiteren Tags im betroffenen Textabschnitt zu ignorieren und als bloßen Text darzustellen statt die Befehle auszuführen.

Solange sie sich nicht unmittelbar gegenseitig ausschließen (beispielsweise kann Schrift nicht gleichzeitig rot und blau sein), können im Prinzip beliebig viele Tags auf denselben Text angewendet werden (ein Link in riesiger, kursiver, unterstrichener, pinker Schrift in einem Spoiler ist beispielsweise kein Problem).

Farben

 [rot]rot[/rot], [blau]blau[/blau],[gruen]grün[/gruen], [orange]orange[/orange], [lila]lila/pink[/lila], [weiss]weiß[/weiss], [schwarz]schwarz[/schwarz] 
 

Eigene Farben kann man definieren mit dem tag

[color=#RRGGBB][/color]
 

wobei R, G, B der Rot-, Grün-, und Blauanteil bei additiver Farbmischung ist und die Darstellung innerhalb jeder Farbe in 255 Stufen (8 Bit) von keinerlei Farbanteil = 00 bis maximaler Farbanteil = FF im Hexadezimalsystem erfolgt.

[color=#550000]Dunkelrot[/color]
[color=#0000CC]Mittellblau[/color]
[color=#00555555]Petrol[/color]
[color=#333333]Dunkelgrau[/color]
 

sieht so aus:
Dunkelrot
Mittellblau
Petrol
Dunkelgrau

Kursiv, Fett, Unterstrichen, Durchgestrichen

[i]kursiv[/i]
 

fett (bold, B in der Symbolleiste):

[b]fett[/b]
 

unterstrichen (underlined, U in der Symbolleiste):

[u]unterstrichen[/u]
 

Auch nützlich:
durchgestrichen (striked, gleich neben U in der Symbolleiste):

[s]durchgestrichen[/s]
 

Texte hochstellen, Texte tiefstellen

Eine Fußnote hochgestellt [sup]1[/sup]
Eine Fußnote tiefgestellt [sub]1[/sub]
 

Beispiel:
Eine Fußnote hochgestellt ¹
Eine Fußnote tiefgestellt ₁

Texte mit Farben hinterlegen

[style=background-color:pink; color:purple; padding: 12px; display: inline-block;]Haarline, heute in Rosa[/style]
 

Beispiel:
🦄 Haarline, heute in Rosa

Schriftvergrößerung

Standard (Tags big & small)

 [big] Großer Text[/big] 
 

Eine kleinere Schriftgröße ist in der Symbolleiste hierdurch markiert: , der zugehörige Tag lautet:

 [small]kleiner Text[/small] 
 

Alternative 1 (size Tag)

[size=200]Große Schriftgröße[/size]
[size=150]Mittlere Schriftgröße[/size]
[size=125]etwas größere Schriftgröße[/size]
[size=100]Basis-Schriftgröße[/size]
 

Das sieht dann so aus:

Große Schriftgröße
Mittlere Schriftgröße
etwas größere Schriftgröße
Basis-Schriftgröße

Alternative 2 (Style Tag)

[style=font-size:72pt]riesiger Text[/style]
 

riesiger Text

Verwendung von Gliederungs-Tags

[h1]Überschrift erster Ordnung[/h1]
[h2]Überschrift zweiter Ordnung[/h2]
[h3]Überschrift dritter Ordnung[/h3]
[h4]Überschrift vierter Ordnung[/h4]
[h5]Überschrift fünfter Ordnung[/h5]
[h6]Überschrift sechster Ordnung[/h6]
 

Das sieht dann folgendermaßen aus:

Überschrift erster Ordnung

Überschrift zweiter Ordnung

Überschrift dritter Ordnung

Überschrift vierter Ordnung

Überschrift fünfter Ordnung

Überschrift sechster Ordnung

Inhaltsverzeichnis

Listen

Unnummerierte Liste

[ul]
[li]Listenpunkt 1[/li]
[li]Listenpunkt 2[/li]
[li]Listenpunkt 3[/li]
[/ul]
 

Stellt sich dar als:

• Listenpunkt 1
• Listenpunkt 2
• Listenpunkt 3

Unnummerierte Liste - Kurzversion

* eins
* zwei
* drei
 

So sieht das aus:

• eins
  
• zwei
  
• drei
  

Nummerierte Liste

[ol]
[li]Listenpunkt 1[/li]
[li]Listenpunkt 2[/li]
[li]Listenpunkt 3[/li]
[/ol]
 

Stellt sich dar als:

1. Listenpunkt 1
2. Listenpunkt 2
3. Listenpunkt 3

Verschachtelte Listen - unnummeriert

[ul]
[li]Listenpunkt 1[/li][ul]
[li]verschachtelter Listenpunkt 1[/li]
[li]verschachtelter Listenpunkt 2[/li][/ul]
[li]Listenpunkt 2[/li]
[li]Listenpunkt 3[/li]
[/ul]
 

Stellt sich dar als:

• Listenpunkt 1
• verschachtelter Listenpunkt 1
• verschachtelter Listenpunkt 2
• Listenpunkt 2
• Listenpunkt 3

Verschachtelte Listen - nummeriert

[ol]
[li]Listenpunkt 1[/li][ol]
[li]verschachtelter Listenpunkt 1[/li]
[li]verschachtelter Listenpunkt 2[/li][/ol]
[li]Listenpunkt 2[/li]
[li]Listenpunkt 3[/li]
[/ol]
 

Stellt sich dar als:

1. Listenpunkt 1
1. verschachtelter Listenpunkt 1
2. verschachtelter Listenpunkt 2
2. Listenpunkt 2
3. Listenpunkt 3

Tabellen

[table]
[tr]
[th]Name[/th]
[th]Haarlänge in cm[/th]
[/tr]
[tr]
[td]Maria[/td]
[td]60[/td]
[/tr]
[tr]
[td]Gitte[/td]
[td]140[/td]
[/tr]
[tr]
[td]Susanne[/td]
[td]95[/td]
[/tr]
[/table]
 

Und so sieht die Darstellung aus:

[table]
[tr]
[th]Name[/th]
[th]Haarlänge in cm[/th]
[/tr]
[tr]
[td]Maria
Gitte
Susanne[/td]
[td]60
140
95[/td]
[/tr]
[/table]
 

Zitierfunktion

• direkt unter dem Beitrag per Klick auf die Gänsefüßchen am Beitrag
  

Zitat von Mondelfe im Beitrag Alles zum Wiki

---

Zitat mit Quellenangabe [...]

---

[quote="Mondelfe"|p2503]Zitat mit Quellenangabe [...][/quote]
 

Hier ist die automatisch ausgelesene Beitragsnummer (p2503) die Quellenangabe.

• manuelles schnelles Zitieren
  

Zitat

---

„Phantasie ist wichtiger als Wissen, denn Wissen ist begrenzt.“
-- Albert Einstein

---

[quote] mein Zitat [/quote]
 

Generell gilt: bitte setzt Zitate nicht inflationär ein. Zitiert nur so viel wie nötig, und so wenig wie möglich. Wenn möglich, fügt euren Zitaten bitte eine Quellenangabe hinzu, und seid euch bewusst, dass es im Forum mehrere Ebenen mit verschiedener Zugänglichkeit gibt. Vermeidet es bitte unbedingt, Inhalte aus einem geschlossenen Bereich in einem der offeneren/zugänglicheren Bereiche zu teilen.

Mehr dazu gibt es hier: Zitate, Erwähnungen und Gästebücher

Links einfügen

[url]www.haar-hausen.de[/url]
 

Wenn ihr den Pfad eines Links mit einer alternativen Beschreibung versehen wollt, so wie hier zum Beispiel: Link zur Startseite von Haarhausen, dann könnt ihr das folgendermaßen umsetzen:

[url="www.haar-hausen.de"]Link zur Startseite von Haarhausen[/url]
 

Bitte nicht wundern: forumsinterne Links werden vom System etwas anders dargestellt, funktionieren aber genauso.

Der Spoiler

• ich will Geschehnisse aus einem Buch, einem Film, oder einer Serie diskutieren, ohne anderen den Spaß zu verderben die noch nicht so weit gelesen/geschaut haben
  
• ich will meine niedlichen Haustiere zeigen, weiß aber dass viele Menschen Angst vor Schlangen/Spinnen/Heuschrecken haben
  
• ich will ein Thema diskutieren, dass manche Personen schockieren könnte (für viele klassische "sensible Themen" ist dieses Forum allerdings ohnehin nicht der richtige Ort)
  

• völlig themenfremde Inhalte
  
• Verletzung der Netiquette oder Privatsphäre
  
• verbotene Inhalte
  

[spoiler]Text[/spoiler]
 

Damit könnt ihr diesen Spoiler setzen: (Achtung, Spoiler zu "Harry Potter und der Halbblutprinz"!)

 [spoiler=]Text[/spoiler]
 

Nach dem = fügt ihr dann euren Hinweis hinzu, zum Beispiel so:

[spoiler="Achtung, nicht anklicken wenn ihr Schmetterlinge eklig findet!"][img]https://live.staticflickr.com/65535/52002268979_402a533f8f_w.jpg[/img][/spoiler]
 

So sieht das dann aus:

Bilder einfügen

[img]https://img.homepagemodules.de/ds/static/gaia/picture.png[/img]
 

Da uns beim Forum eine sichere Verbindung mit Verschlüsselung (https) sehr wichtig ist, hat das auch Einfluss auf eingebundene Bilder. Wenn euer Bildlink aus einer unsicheren Verbindung kommt, also vorne nur "http:" steht, wird die Forensoftware das Bild nicht anzeigen, sondern stattdessen die URL in einen Link umwandeln. Bei einigen Bilderhostern könnt ihr das fehlende s einfach in der Webadresse des Bildes ergänzen.

[img]http://live.staticflickr.com/65535/52004048594_a4559efc8a_w.jpg[/img]
 

http://live.staticflickr.com/65535/52004048594_a4559efc8a_w.jpg
Wie ihr sieht, wird dieses Bild nicht direkt im Forum eingebunden, weil die Adresse keine Verschlüsselung beinhaltet. Es wird stattdessen ein Link angezeigt.

[img]https://live.staticflickr.com/65535/52004048594_a4559efc8a_w.jpg[/img]
 

Mit https:// am Anfang wird das Bild als "sicher" eingestuft und direkt eingebunden.

Viele Bilderhoster bieten auch die Funktion von Thumbnails an, bei der eine kleine Vorschau des Bildes eingebunden wird, die als Link auf eine größere Ansicht desselben Bildes fungiert. Das wird im Code so oder ähnlich formuliert:

[url=http://live.staticflickr.com/65535/52004048594_a4559efc8a_w.jpg][img]https://live.staticflickr.com/65535/52004048594_a4559efc8a_t.jpg[/img][/url]
 

Wie ihr seht, wird hier ein kleines Bild eingebunden, welches gleichzeitig ein Link ist, der zu einer größeren Ansicht desselben Bildes führt. Je nachdem welchen Bilderhoster ihr nutzt, wird die Adresse des Linkziels unterschiedlich sein. Bei Fragen, Problemen und Anmerkungen rund um das Einbinden von Bildern könnt ihr gerne den Forumsthread Bilder einfügen nutzen.

Bilder verkleinern (IMG_PX-Tag)

[img_px]https://live.staticflickr.com/65535/52004048594_a4559efc8a_w.jpg[/img_px]
 

was rauskommt ist ein Bild das auch am PC nicht zu groß wird

Textanker

[ankername={{x}}][/ankername]
 

Hier müsst Ihr die doppelte geschweifte Klammer mit dem Stichwort versehen auf das Euer Text weisen soll. Zum Beispiel könnt ihr einfach irgendwo in eurem Text eine hochgestellte 1 einfügen, die euer erster Quellenverweis¹ werden soll. Diese Formatierung besteht jetzt aus mehreren verschachtelten Tags, entscheidend ist, dass ihr dem Anker einen Namen gebt (und euch den für später merkt), in diesem Fall ist es: Quelle1

[i]erster Quellenverweis[ankername=Quelle1][sup]1[/sup][/i][/ankername]
 

Ihr könnt natürlich auch einfachere Verweise erstellen, die simpelste Variante eminenzbasiertes Wissen mit einer Quelle zu versehen, ist den Text der auf die Fußnote verweisen soll, direkt als Ankername zu benutzen. Hierfür ist der Code der folgende:

[ankername=Quelle2]eminenzbasiertes Wissen[/ankername]
 

Insbesondere in längeren, gegliederten Beiträgen kann es sich lohnen, die Textankerfunktion zu verwenden, zum Beispiel für Dinge wie "jetzt kommt eine detaillierte chronologische Beschreibung meiner Haargeschichte; wenn ihr das nicht alles lesen wollt, könnt ihr hier nach unten springen und direkt zur Beschreibung meiner üblichen Haarwaschroutine gelangen."
Wenn ihr die Anker ausgeworfen habt, müsst ihr dann noch festlegen, wohin die Quellenverweise führen sollen, also, wohin der Text verankert werden soll. Dazu nutzt ihr den Icon mit dem fest im Grund stehenden Anker, der euch den folgenden Code ausgibt:

[anker={{name}}][/anker]
 

Dies ist das Ziel des Ankers. Hier muss anstatt {{name}} die gleiche Bezeichnung stehen, die ihr oben als Ankername vergeben habt. Wenn ihr beim Ankernamen mit Quelle1 angefangen habt, verankert ihr eure Quellenangabe also ebenfalls mit Quelle1. Wenn ihr euren ersten Ankernamen Ilse getauft habt, müsst ihre eure Quellenangabe entsprechend auch unter dem Namen Ilse aufführen.

Und damit es sich lohnt, zu demonstrieren, dass die Ankerfunktion euch zu einer bestimmten Stelle im Text springen lässt, folgen jetzt noch ein paar Zeilen Fülltext:

Haarline hat die schönsten, längsten Haare und die schönste, grünste Schleife.
Haarline hat die schönsten, längsten Haare und die schönste, grünste Schleife.
Haarline hat die schönsten, längsten Haare und die schönste, grünste Schleife.
Haarline hat die schönsten, längsten Haare und die schönste, grünste Schleife.
Haarline hat die schönsten, längsten Haare und die schönste, grünste Schleife.
Haarline hat die schönsten, längsten Haare und die schönste, grünste Schleife.
Haarline hat die schönsten, längsten Haare und die schönste, grünste Schleife.
Haarline hat die schönsten, längsten Haare und die schönste, grünste Schleife.
Haarline hat die schönsten, längsten Haare und die schönste, grünste Schleife.
Haarline hat die schönsten, längsten Haare und die schönste, grünste Schleife.
Haarline hat die schönsten, längsten Haare und die schönste, grünste Schleife.
Haarline hat die schönsten, längsten Haare und die schönste, grünste Schleife.
Haarline hat die schönsten, längsten Haare und die schönste, grünste Schleife.
Haarline hat die schönsten, längsten Haare und die schönste, grünste Schleife.
Haarline hat die schönsten, längsten Haare und die schönste, grünste Schleife.
Haarline hat die schönsten, längsten Haare und die schönste, grünste Schleife.
Haarline hat die schönsten, längsten Haare und die schönste, grünste Schleife.
Haarline hat die schönsten, längsten Haare und die schönste, grünste Schleife.
Haarline hat die schönsten, längsten Haare und die schönste, grünste Schleife.
Haarline hat die schönsten, längsten Haare und die schönste, grünste Schleife.
Haarline hat die schönsten, längsten Haare und die schönste, grünste Schleife.
Haarline hat die schönsten, längsten Haare und die schönste, grünste Schleife.
Haarline hat die schönsten, längsten Haare und die schönste, grünste Schleife.
Haarline hat die schönsten, längsten Haare und die schönste, grünste Schleife.

So, genug! Jetzt könnt ihr euren Anker-Code einfügen, den Namen der jeweiligen Quelle eintragen und beschreiben, worauf ihr euch bei euren Angaben oben beruft.

[anker=Quelle1]Das hab ich von meiner Mutti gelernt.[/anker]
 

Das hab ich von meiner Mutti gelernt. Hierhin sollte es euch führen, wenn ihr oben die hochgestellte 1 bei der Erwähnung der ersten Quellenangabe anklickt.

[anker=Quelle2]Vertraut mir einfach.[/anker]
 

Vertraut mir einfach. Das hier ist das Ziel des zweiten Quellenverweises.

[anker=Quelle3]Ha, reingelegt! Ich wasche meine Haare überhaupt nicht, ich betreibe seit 12 Jahren NW/SO und reinige meine Haare durch zweimal tägliches, sehr gründlichen kämmen und bürsten.[/anker]
 

Ha, reingelegt! Ich wasche meine Haare überhaupt nicht, ich betreibe seit 12 Jahren NW/SO und reinige meine Haare durch zweimal tägliches, sehr gründlichen kämmen und bürsten. Und hierhin führt der dritte Quellenverweis.