BBCode ist eine spezielle Umsetzung von HTML, die dir weitreichende Formatierungsmöglichkeiten für deinen Text gibt. Aus Sicherheitsgründen können Beiträge nicht mit HTML-Code formatiert werden. Über dem Eingabefeld für Beiträge wird ein Symbolfeld angezeigt - der sogenannte Editor, über den die Formatierung ähnlich wie in einem Textverarbeitungsprogramm vorgenommen werden kann. Alternativ können auch die BBCodes direkt über die Tastatur eingegeben werden.
So sieht der Editor aus:
Wichtiger Hinweis: Nicht alle hier dargestellten Symbole (und somit BBCodes) sind für alle Besucher sichtbar und nutzbar! Es kann also durchaus sein, dass der Editor bei Dir anders aussieht. Ich gehe in dieser FAQ auch nur auf die für alle nutzbaren Codes ein!
Diese BBCodes können zur Formatierung eines Textes auf dem Forum verwendet werden.
| Bild |
Code |
Beschreibung |
 |
[b][/b] |
Mit diesem Symbol bzw. diesem Code können Wörter oder Sätze fett hervorgehoben werden. Eignet sich gut für Überschriften. |
 |
[i][/i] |
Mit diesem Symbol bzw. diesem Code können Wörter oder Sätze kursiv dargestellt werden. |
 |
[u][/u] |
Mit diesem Symbol bzw. diesem Code können Wörter oder Sätze unterstrichen hervorgehoben werden. |
 |
[highlight=yellow][/highlight] |
Mit diesem Symbol bzw. diesem Code können Wörter oder Sätze farblich markiert werden. Die Farbe für die Markierung wird im öffnenden Tag nach einem =-Zeichen gewählt, Standard ist gelb (yellow), dieser Wert kann aber geändert werden, z.B. in red (rot), green (hellgelb), pink (Türkis). Der zu markierende Inhalt kommt zwischen die Tags. |
 |
[glow=red][/glow] |
Mit diesem Symbol bzw. diesem Code können Wörter oder Sätze hervorgehoben werden, indem sie mit einem "Heiligenschein" umgeben werden. Eignet sich gut für Überschriften. |
 |
[dropshadow=blue][/dropshadow] |
Mit diesem Symbol bzw. diesem Code können Wörter oder Sätze durch einen Schatten hervorgehoben werden. Der Effekt ist ähnlich wie bei [shadow]. Es können verschiedene Farben angegeben werden, indem im öffnenden Tag nach dem =-Zeichen eine andere Farbe eingetragen wird, z.B. red (rot), yellow (gelb), green (hellgrün) oder brown (braun). Eignet sich gut für Überschriften. |
 |
[shadow=blue][/shadow] |
Mit diesem Symbol bzw. diesem Code können Wörter oder Sätze durch einen Schatten hervorgehoben werden. Der Effekt ist ähnlich wie bei [dropshadow]. Es können verschiedene Farben angegeben werden. Eignet sich gut für Überschriften. |
 |
[quote][/quote] |
Mit diesem Symbol bzw. diesem Code können Wörter oder Sätze als Zitat eingefügt werden. |
 |
[code][/code] |
Mit diesem Symbol bzw. diesem Code können z.B. Fehlermeldungen eingegeben werden. Das Forensystem interpretiert dann den Maschinencode nicht, sondern stellt ihn so dar, wie er geschrieben steht. Ein weiterer Vorteil ist, dass der Inhalt des Code-Blocks durch einen Klick in die Zwischenablage kopiert werden kann. |
 |
[list][*][/list] |
Mit diesem Symbol bzw. diesem Code kann eine ungeordnete Liste eingefügt werden,
wobei die einzelnen Unterpunkte der Liste mit dem Symbol  bzw. dem Code [*] hinzugefügt werden können. |
 |
[list=1][*][/list] |
Mit diesem Symbol bzw. diesem Code kann eine geordnete Liste eingefügt werden,
wobei die einzelnen Unterpunkte der Liste mit dem Symbol bzw. dem Code [*] hinzugefügt werden können. |
 |
[img][/img] |
Mit diesem Symbol bzw. diesem Code können Bilder eingefügt werden, die sich auf einem "fremden" Rechner im Netz gespeichert sind. Die URL zu diesem Bild kommt dann zwischen die beiden Tags...also [img]Link-zum-Bild-mit-http...[/img] |
 |
[url][/url] |
Mit diesem Symbol bzw. diesem Code kann ein Link eingefügt werden. Die URL kann dabei durch einen Begriff "überdeckt" werden oder direkt angezeigt, Beispiel: [url]URL-eigeben-zwischen-den-Tags...[/url] oder [url=URL-eingeben-im-ersten-Tag]Beschreiben-des-Links-zwischen-die-Tags[/url] |
 |
Spoiler mit Titel:
[spoiler={Titel}]{TEXT}[/spoiler]
Alternative ohne Titel:
[spoil]{TEXT}[/spoil] |
Mit diesem Symbol bzw. diesem Code können Wörter oder Sätze in einem sogenannten "Spoiler" versteckt werden, d.h. der eigentliche Inhalt ist erst einmal nicht sichtbar und kann durch Klick auf "Spoiler" sichtbar gemacht werden. Diese Funktion ist immer dann sinnvoll, wenn ein bestimmter Inhalt zunächst nicht sofort lesbar sein soll, weil sich darin z.B. eine Auflösung für ein Rätsel befindet, oder eine weiterführende Erklärung, die "offtopic" ist, also nichts mit dem eigentlichen Thema zu tun hat, aber ergänzend gelesen werden kann, für diejendigen, die es interessiert.
Durch die Verwendung eines Spoilers kann aber auch ein Text gegliedert werden. Der Spoiler kann nämlich "benannt" werden, was bedeutet, dass durch hinzufügen eines =-Zeichens im ersten Tag, gefolgt von einem Text, der Spoiler eine individuelle Bezeichnung erhalten kann.
Beispeil für den einfachen Spoiler:
[spoil]{Inhalt des Spoilers}[/spoil]
Beispiel für den Spoiler mit Titel:
[spoiler={Titel}]{Inhalt des Spoilers}[/spoiler] |
 |
[hidden][/hidden] |
Mit diesem Symbol bzw. diesem Code können die in den Tags eingeschlossenen Inhalte (ähnlich wie bei einem Spoiler) versteckt werden, allerdings gilt dies in diesem Fall nur den nicht eingeloggten Lesern des Forums. Verwendet wird diese Funktion wie der Spoiler. |
 |
[youtube]https://www.youtube.com/watch?v={videoID}[/youtube] |
Mit diesem Symbol bzw. diesem Code kann ein Video direkt von der YouTube-Plattform in den eigenen Beitrag eingebunden werden. Hierbei wird direkt die DSGVO-konforme Version mit Abfrage der Cookie-Berechtigung eingebaut, was bedeutet, dass nur in dem Fall auf das Video zugegriffen werden kann, wenn dazu eine Genehmigung des Users gegeben wurde.
Auf das richtige Format achten:
Verwendet wird der Code so, dass zwischen die beiden Tags die URL zum Video im Format https://www.youtube.com/watch?v=videoID eingefügt wird, was dann im Eingbefenster so angezeigt wird: [youtube]https://www.youtube.com/watch?v=*videoID[/youtube]
*videoID = die einzigartige Kombination aus Ziffern und Buchstaben, die am Ende jeder YouTube-URL angezeigt wird |
 |
[align=center]{Inhalt}[/align] |
Mit diesem Symbol bzw. diesem Code kann ein Inhalt zentriert ausgerichtet werden. Zwischen die beiden Tags wird der Inhalt eingefügt. |
 |
[float=left]{Inhalt}[/float]
[float=right]{Inhalt}[/float] |
Mit diesem Symbol bzw. diesem Code kann ein Inhalt linksbündig bzw. rechtsbündig ausgerichtet werden. Zwischen die beiden Tags wird der Inhalt eingefügt. |
 |
[satire]{Inhalt}[/satire] |
Mit diesem Symbol bzw. diesem Code kann ein Beitrag oder Teile davon, die nicht ganz ernst gemeint sind, als Satire hervorgehoben werden. Zwischen die beiden Tags wird der - nicht ganz ernst gemeinte - Inhalt eingefügt. |
 |
[fbox=Titel-der-Box]{Inhalt}[/fbox] |
Mit diesem Symbol bzw. diesem Code kann ein Inhalt innerhalb einer farbigen Box eingefügt werden. Damit können zum Beispiel bestimmte Aussagen oder Hinweise optisch vom normalen Fließtext abgegrenzt werden. |
 |
[legend={Begriff}]{Inhalt}[/legend][/legend] |
Mit diesem Symbol bzw. diesem Code kann eine Box außerhalb des normalen Fließtextes eingebaut werden, um bestimmte Inhalte besonders hervorzuheben. Damit die Box angezeigt werden kann, muss im ersten Tag nach dem =-Zeichen ein Begriff eingegeben werden, auf den sich der Inhalt innerhalb der Box bezieht. Zwischen die beiden Tags wird der Inhalt eingefügt. |
 |
[linie][/linie] |
Mit diesem Symbol bzw. diesem Code kann eine Linie eingefügt werden, z.B. wenn in einem längeren Beirag einzelne Absätze optisch von einander getrennt werden sollen.
In diesem Beispiel wird nach der Linie, die durch Klick auf das entsprechende Symbol oder Eingabe von [linie][/linie] eingefügt wird...
der Text weitergeführt und damit kann der eigene Beitrag etwas klarer gegliedert werden. Zwischen die beiden Tags kommt kein Inhalt! |
