BBCode-Anleitung

Einführung

Was ist BBCode?
BBCode ist eine spezielle Umsetzung von HTML. Ob Sie BBCode in Ihren Beiträgen auf diesem Board verwenden können, wird durch die Board-Administration festgelegt. Sofern Sie es verwenden dürfen, können Sie es auch im Beitrags-Formular für diesen Beitrag deaktivieren. BBCode ist ähnlich wie HTML aufgebaut, Tags werden von eckigen Klammern („[“ und „]“) statt spitzen („<“ und „>“) eingeschlossen und erlauben eine bessere Kontrolle, was und wie etwas angezeigt wird. Je nach verwendetem Template werden Sie über dem Bereich für den Nachrichtentext Schaltflächen finden, die Ihnen die Verwendung von BBCode vereinfachen werden. Aber selbst dann kann die folgende Anleitung für Sie hilfreich sein.
Nach oben

Formatierung von Text

Wie fetter, kursiver und unterstrichener Text erstellt wird
BBCode enthält Tags, die Ihnen eine schnelle Formatierung Ihres Textes ermöglichen. Dies wird folgendermaßen gemacht:
  • Um einen Text Fett zu machen, schließen Sie ihn in [b][/b] ein. So wird z. B.

    [b]Hallo[/b]

    zu Hallo
  • Zum Unterstreichen von Text benutzen Sie [u][/u]. So wird z. B. aus:

    [u]Guten Morgen[/u]

    Guten Morgen
  • Um Text kursiv zu stellen, verwenden Sie [i][/i]. So wird z. B.

    Das ist [i]großartig![/i]

    zu Das ist großartig!
Nach oben
Wie die Textfarbe oder -größe geändert wird
Um die Farbe oder die Größe Ihres Textes zu ändern, können die folgenden Tags genutzt werden. Beachten Sie dabei bitte, dass es von dem Browser und dem System des Betrachters abhängig ist, wie die Darstellung des Textes erfolgt:
  • Die Farbe des Textes wird geändert, in dem er in [color=][/color] eingeschlossen wird. Sie können entweder eine den Browsern bekannte Farbe wie z. B. red, blue, yellow, etc. angeben oder einen Farbwert aus drei zweistelligen Hexadezimalwerten wie #FFFFFF, #000000 verwenden. Um beispielsweise roten Text zu erstellen:

    [color=red]Hallo![/color]

    oder

    [color=#FF0000]Hallo![/color]

    Beides ergibt Hallo!.
  • Die Textgröße wird in ähnlicher Weise mit [size=][/size] geändert. Dieser Tag ist abhängig von dem Template, das der Benutzer ausgewählt hat, aber die empfohlene Angabe ist ein numerischer Wert, der die Textgröße in Prozent angibt – beginnend standardmäßig mit 20 (sehr klein) und endend mit 200 (sehr groß). Zum Beispiel:

    [size=30]KLEIN[/size]

    wird gewöhnlich KLEIN sein,

    während:

    [size=200]GROSS![/size]

    GROSS! sein wird
Nach oben
Kann ich Tags zur Formatierung kombinieren?
Natürlich können Sie das. Um z. B. die Aufmerksamkeit eines anderen zu erhalten, können Sie

[size=200][color=red][b]SCHAU MICH AN![/b][/color][/size]

schreiben, was als SCHAU MICH AN! ausgegeben wird.

Wir empfehlen jedoch nicht, viel Text derart zu formatieren! Beachten Sie, dass Sie als Autor dafür verantwortlich sind, dass die Tags richtig geschlossen werden. Zum Beispiel ist das hier falsch:

[b][u]Das ist falsch[/b][/u]
Nach oben

Zitieren und Ausgabe von Text mit fester Weite

Text in Antworten zitieren
Es gibt zwei Arten, Text zu zitieren: mit Quelle und ohne.
  • Wenn Sie die „Mit Zitat antworten“-Funktion zur Antwort auf einen Beitrag verwenden, werden Sie feststellen, dass der alte Beitragstext von [quote=""][/quote] umschlossen zum Nachrichtentext hinzugefügt wird. Dies erlaubt Ihnen unter Angabe einer Referenz zu einer Person oder zu etwas anderem von Ihnen gewähltem zu zitieren. Um z. B. einen Text von Herrn Klecks zu zitieren, sollten Sie Folgendes eingeben:

    [quote="Herr Klecks"]Der Text von Herrn Klecks würde hier stehen[/quote]

    Bei der Ausgabe wird dem Text automatisch „Herr Klecks hat geschrieben:“ vorangestellt. Beachten Sie, dass Sie den Namen in Anführungszeichen ("") einschließen müssen, sie sind nicht optional.
  • Die zweite Methode erlaubt Ihnen, etwas ohne Quellangabe zu zitieren. Dazu müssen Sie den Text in [quote][/quote] einschließen. Wenn Sie die Nachricht anschauen, wird der Text in einem Zitat-Block angezeigt.
Nach oben
Programmcode oder Daten mit fester Weite ausgeben
Wenn Sie einen Auszug eines Programmcodes oder etwas anderes, das eine feste Textweite wie eine Courier-Schrift benötigt, eingeben möchten, sollten Sie den Text in [code][/code] einschließen, z. B.

[code]echo "Das ist ein Stück Programmcode";[/code]

Alle Formatierungen, die innerhalb von [code][/code] genutzt werden, bleiben erhalten, wenn der Text betrachtet wird.
Nach oben

Listen erstellen

Eine unsortierte Liste erstellen
BBCode unterstützt zwei Arten von Listen: unsortierte und sortierte. Sie sind im Wesentlichen identisch zu ihren HTML-Entsprechungen. Eine unsortierte Liste gibt die Elemente Ihrer Liste hintereinander durch einen Aufzählungspunkt gekennzeichnet aus. Verwenden Sie [list][/list], um eine unsortierte Liste zu erstellen und beginnen Sie jeden Aufzählungspunkt mit [*]. Um zum Beispiel Ihre Lieblingsfarben aufzulisten, verwenden Sie:

[list]
[*]Rot
[*]Blau
[*]Gelb
[/list]

Dies würde folgende Liste ergeben:
  • Rot
  • Blau
  • Gelb

Alternativ können Sie auch den Listenpunkt-Stil definieren: [list=disc][/list], [list=circle][/list] oder [list=square][/list].
Nach oben
Eine sortierte Liste erstellen
Die zweite Listenart, die sortierte Liste, erlaubt Ihnen, festzulegen, was den Punkten vorangestellt wird. Um eine sortierte Liste zu erstellen, verwenden Sie [list=1][/list] für eine nummerierte oder alternativ [list=a][/list] für eine alphabetische Liste. Wie bei der unsortierten Liste wird jeder Punkt durch [*] festgelegt. Zum Beispiel:

[list=1]
[*]Gehe einkaufen
[*]Kaufe einen neuen Computer
[*]Verfluche den Computer, wenn er abstürzt
[/list]

würde ergeben:
  1. Gehe einkaufen
  2. Kaufe einen neuen Computer
  3. Verfluche den Computer, wenn er abstürzt
Eine alphabetische Liste würden Sie hingegen wie folgt erstellen:

[list=a]
[*]Die erste mögliche Antwort
[*]Die zweite mögliche Antwort
[*]Die dritte mögliche Antwort
[/list]

ergibt
  1. Die erste mögliche Antwort
  2. Die zweite mögliche Antwort
  3. Die dritte mögliche Antwort

[list=A]
[*]Die erste mögliche Antwort
[*]Die zweite mögliche Antwort
[*]Die dritte mögliche Antwort
[/list]

ergibt
  1. Die erste mögliche Antwort
  2. Die zweite mögliche Antwort
  3. Die dritte mögliche Antwort

[list=i]
[*]Die erste mögliche Antwort
[*]Die zweite mögliche Antwort
[*]Die dritte mögliche Antwort
[/list]

ergibt
  1. Die erste mögliche Antwort
  2. Die zweite mögliche Antwort
  3. Die dritte mögliche Antwort

[list=I]
[*]Die erste mögliche Antwort
[*]Die zweite mögliche Antwort
[*]Die dritte mögliche Antwort
[/list]

ergibt
  1. Die erste mögliche Antwort
  2. Die zweite mögliche Antwort
  3. Die dritte mögliche Antwort
Nach oben

Links erstellen

Links auf eine andere Website
phpBBs BBCode unterstützt mehrere Wege, um URIs (Uniform Resource Indicators), auch als URLs oder Links bekannt, zu erstellen.
  • Der erste davon ist der [url=][/url]-Tag; alles, was Sie nach dem =-Zeichen angeben, wird als Link für den Inhalt des Tags verwendet. Um beispielsweise auf phpBB.de zu linken, können Sie folgenden Code verwenden:

    [url=https://www.phpbb.de/]Besuche phpBB.de![/url]

    Dies würde folgenden Link erstellen: Besuchen Sie phpBB.de! Die Seite wird abhängig von den Einstellungen des Browsers des Benutzers im gleichen oder in einem neuen Fenster geöffnet.
  • Wenn Sie möchten, dass die URL selbst als Beschreibung angezeigt wird, können Sie dies wie folgt erreichen:

    [url]https://www.phpbb.de/[/url]

    Dies würde folgenden Link erstellen: https://www.phpbb.de/
  • phpBB hat zusätzlich eine Funktion, um Links automatisch zu erkennen. Diese Funktion wandelt jede syntaktisch korrekte URL in einen Link um, ohne dass Sie einen Tag oder sogar das führende https:// angeben müssen. Wenn Sie zum Beispiel in Ihrem Text www.phpbb.de schreiben, so wird dies automatisch zu www.phpbb.de, sobald Sie die Nachricht betrachten.
  • Die selbe Funktionalität steht auch bei E-Mail-Adressen zur Verfügung. Sie können entweder eine Adresse explizit kennzeichnen; z. B.:

    [email]niemand@domain.tld[/email]

    Dies ergibt niemand@domain.tld. Oder Sie können direkt niemand@domain.tld in deiner Nachricht verwenden, was automatisch umgewandelt wird, wenn Sie die Nachricht anschauen.
Wie bei allen BBCode-Tags können Sie URLs all den anderen Tags wie [img][/img] (siehe nächsten Eintrag), [b][/b] usw. hinterlegen. Wie bei den Formatierungs-Tags liegt es an Ihnen, die richtige Reihenfolge beim Öffnen und beim Schließen einzuhalten. So ist zum Beispiel:

[url=https://www.phpbb.com/][img]https://www.phpbb.com/theme/images/logos/blue/160x52.png[/url][/img]

nicht richtig und kann dazu führen, dass Ihr Beitrag gelöscht wird.
Nach oben

Bilder in Beiträgen anzeigen

Ein Bild zu einem Beitrag hinzufügen
phpBBs BBCode hat einen Tag, um Bilder in einem Beitrag einzufügen. Dabei müssen zwei wichtige Punkte beachtet werden: erstens mögen es viele Benutzer nicht, wenn viele Bilder in einem Beitrag enthalten sind und zweitens muss das Bild, das Sie anzeigen möchten, bereits im Internet verfügbar sein (es darf also nicht nur auf Ihrem Computer liegen, sofern Sie ihn nicht als Webserver betreiben!). Um ein Bild anzuzeigen, müssen Sie die URL, die auf das Bild verweist, mit dem [img][/img]-Tag umschließen. Zum Beispiel:

[img]https://www.phpbb.com/theme/images/logos/blue/160x52.png[/img]

Wie schon im Abschnitt über Links erwähnt, können Sie ein Bild auch innerhalb des [url][/url]-Tags verwenden:

[url=https://www.phpbb.com/][img]https://www.phpbb.com/theme/images/logos/blue/160x52.png[/img][/url]

ergibt:

Nach oben
Dateien zu einem Beitrag hinzufügen
Dateianhänge können nun mit dem neuen [attachment=][/attachment]-Tag an jeder Stelle eines Beitrags eingefügt werden, sofern Dateianhänge durch die Board-Administration zugelassen wurden und Sie ausreichende Rechte zur Erstellung eines Dateianhangs haben. Innerhalb des Formulars zur Beitragserstellung finden Sie eine Auswahlliste (oder eine Schaltfläche), um Dateianhänge innerhalb des Beitrags zu platzieren.
Nach oben

Andere Punkte

Kann ich meine eigenen Tags hinzufügen?
Wenn Sie ein Administrator mit entsprechenden Rechten auf diesem Board sind, können Sie im Bereich für benutzerdefinierte BBCode-Tags weitere Tags definieren.
Nach oben

Advanced BBCode Box BBCodes

Font type
[font=Comic Sans MS]text[/font]

Example:
[font=Comic Sans MS]The quick brown fox jumps over the lazy dog[/font]

Result:
The quick brown fox jumps over the lazy dog
Nach oben
Highlight text
[highlight=yellow]text[/highlight] Tip: you can also use color=#FF0000

Example:
[highlight=yellow]The quick brown fox jumps over the lazy dog[/highlight]

Result:
The quick brown fox jumps over the lazy dog
Nach oben
Align text
[align=center|left|right|justify]text[/align]

Example:
[align=center]The quick brown fox jumps over the lazy dog[/align]

Result:
The quick brown fox jumps over the lazy dog

Nach oben
Float text
[float=left|right]text[/float]

Example:
[float=right]The quick brown fox jumps over the lazy dog[/float]

Result:
The quick brown fox jumps over the lazy dog

Nach oben
Strike-through text
[s]text[/s]

Example:
[s]The quick brown fox jumps over the lazy dog[/s]

Result:
The quick brown fox jumps over the lazy dog
Nach oben
Subscript text
[sub]text[/sub]

Example:
[sub]The quick brown fox jumps over the lazy dog[/sub] The quick brown fox jumps over the lazy dog

Result:
The quick brown fox jumps over the lazy dog The quick brown fox jumps over the lazy dog
Nach oben
Superscript text
[sup]text[/sup]

Example:
[sup]The quick brown fox jumps over the lazy dog[/sup] The quick brown fox jumps over the lazy dog

Result:
The quick brown fox jumps over the lazy dog The quick brown fox jumps over the lazy dog
Nach oben
Glow text
[glow=color]text[/glow]

Example:
[glow=red]The quick brown fox jumps over the lazy dog[/glow]

Result:
The quick brown fox jumps over the lazy dog
Nach oben
Shadow text
[shadow=color]text[/shadow]

Example:
[shadow=blue]The quick brown fox jumps over the lazy dog[/shadow]

Result:
The quick brown fox jumps over the lazy dog
Nach oben
Drop shadow text
[dropshadow=color]text[/dropshadow]

Example:
[dropshadow=blue]The quick brown fox jumps over the lazy dog[/dropshadow]

Result:
The quick brown fox jumps over the lazy dog
Nach oben
Blur text
[blur=color]text[/blur]

Example:
[blur=blue]The quick brown fox jumps over the lazy dog[/blur]

Result:
The quick brown fox jumps over the lazy dog
Nach oben
Text fadein / fadeout
[fade]text[/fade]

Example:
[fade]The quick brown fox jumps over the lazy dog[/fade]

Result:
The quick brown fox jumps over the lazy dog
Nach oben
Preformatted text
[pre]text[/pre]

Example:
[pre]The quick brown fox jumps over the lazy dog The quick brown fox jumps over the lazy dog[/pre]

Result:
The quick brown fox jumps over the lazy dog
	The quick brown fox jumps over the lazy dog

Nach oben
Text direction
[dir=ltr|rtl]text[/dir]

Example:
[dir=rtl]The quick brown fox jumps over the lazy dog[/dir]

Result:
The quick brown fox jumps over the lazy dog
Nach oben
Marquee text
[marq=up|down|left|right]text[/marq]

Example:
[marq=left]The quick brown fox jumps over the lazy dog[/marq]

Result:
The quick brown fox jumps over the lazy dog

Nach oben
Spoiler message
[spoil]text[/spoil]

Example:
[spoil]The quick brown fox jumps over the lazy dog[/spoil]

Result:
► Show Spoiler

Nach oben
Hide from guests
[hidden]text[/hidden]

Example:
[hidden]The quick brown fox jumps over the lazy dog[/hidden]

Result:
Hidden Content
This board requires you to be registered and logged-in to view hidden content.

Nach oben
Alert message
[mod=username]text[/mod]

Example:
[mod=Benutzername]The quick brown fox jumps over the lazy dog[/mod]

Result:
 ! Nachricht von: Benutzername
The quick brown fox jumps over the lazy dog

Nach oben
Off Topic message
[offtopic]text[/offtopic]

Example:
[offtopic]The quick brown fox jumps over the lazy dog[/offtopic]

Result:
Off Topic
The quick brown fox jumps over the lazy dog

Nach oben
NFO ascii art text
[nfo]text[/nfo]

Example:
[nfo]༼ つ ◕_◕ ༽つ ʕ•ᴥ•ʔ ¯\_(ツ)_/¯[/nfo]

Result:
༼ つ ◕_◕ ༽つ    ʕ•ᴥ•ʔ   ¯\_(ツ)_/¯

Nach oben
Embed any video site url
[bbvideo]http://video_url[/bbvideo]

Example:
[bbvideo]https://www.youtube.com/watch?v=sP4NMoJcFd4[/bbvideo]

Result:

Nach oben