BBCode-Anleitung

Einführung

Was ist BBCode?

BBCode ist eine spezielle Umsetzung von HTML. Ob du BBCode in deinen Beiträgen auf diesem Board verwenden kannst, wird durch die Board-Administration festgelegt. Sofern du es verwenden darfst, kannst du 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 wirst du über dem Bereich für den Nachrichtentext Schaltflächen finden, die dir die Verwendung von BBCode vereinfachen werden. Aber selbst dann kann die folgende Anleitung für dich hilfreich sein.

Formatierung von Text

Wie fetter, kursiver, unterstrichener und durchgestrichener Text erstellt wird

BBCode enthält Tags, die dir eine schnelle Formatierung deines Textes ermöglichen. Dies wird folgendermaßen gemacht:

• Um einen Text Fett zu machen, schließe ihn in [b][/b] ein. So wird z.B.
  
  [b]Hallo[/b]
  
  zu Hallo
• Um Text kursiv zu stellen, verwende [i][/i]. So wird z.B.
  
  Das ist [i]großartig![/i]
  
  zu Das ist großartig!
• Zum Unterstreichen von Text benutze [u][/u]. So wird z.B. aus:
  
  [u]Guten Morgen[/u]
  
  Guten Morgen
• Zum Durchstreichen von Text benutze [s][/s]. So wird z.B. aus:
  
  [s]So war das[/s]
  
  So war das

Wie die Textfarbe oder -größe geändert wird

Um die Farbe oder die Größe deines Textes zu ändern, können die folgenden Tags genutzt werden. Beachte dabei bitte, dass es von dem Browser und dem System der Betrachter abhängig ist, wie die Darstellung des Textes erfolgt:

• Die Farbe des Textes wird geändert, in dem er in [color=][/color] eingeschlossen wird. Du kannst 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

Kann ich Tags zur Formatierung kombinieren?

Natürlich kannst du das. Um z.B. die Aufmerksamkeit eines anderen zu erhalten, kannst du

[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! Beachte, dass du als Autor dafür verantwortlich bist, dass die Tags richtig geschlossen werden. Zum Beispiel ist das hier falsch:

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

Zitieren, Textausgabe mit fester Weite und Spoiler

Text in Antworten zitieren

Es gibt zwei Arten, Text zu zitieren: mit Quelle und ohne.

• Wenn du die „Mit Zitat antworten“-Funktion zur Antwort auf einen Beitrag verwendest, wirst du feststellen, dass der alte Beitragstext von [quote=""][/quote] umschlossen zum Nachrichtentext hinzugefügt wird. Dies erlaubt dir unter Angabe einer Referenz zu einer Person oder zu etwas anderem von dir gewähltem zu zitieren. Um z.B. einen Text von Herrn Klecks zu zitieren, solltest du 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. Beachte, dass du den Namen in Anführungszeichen ("") einschließen musst, sie sind nicht optional.
• Die zweite Methode erlaubt dir, etwas ohne Quellangabe zu zitieren. Dazu musst du den Text in [quote][/quote] einschließen. Wenn du die Nachricht anschaust, wird der Text in einem Zitat-Block angezeigt.

Programmcode oder Daten mit fester Weite ausgeben

Wenn du einen Auszug eines Programmcodes oder etwas anderes, das eine feste Textweite wie eine Courier-Schrift benötigt, eingeben möchtest, solltest du 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.

Text in versteckter Box (Spoiler)

Wenn ein Text nicht sofort ersichtlich sein soll, kann dieser in einer versteckten Box einfügen werden. Diese Box kann mit einem Klick geöffnet und wieder geschloßen werden, dazu solltest du den Text in [spoiler][/spoiler] einschließen, z.B.

[spoiler]Diesen Text soll man nicht sofort lesen können.[/spoiler]

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

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 deiner Liste hintereinander durch einen Aufzählungspunkt gekennzeichnet aus. Verwende [list][/list], um eine unsortierte Liste zu erstellen und beginne jeden Aufzählungspunkt mit [*]. Um zum Beispiel deine Lieblingsfarben aufzulisten, verwende:

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

Dies würde folgende Liste ergeben:

• Rot
• Blau
• Gelb

Alternativ kannst du auch den Listenpunkt-Stil definieren: [list=disc][/list], [list=circle][/list] oder [list=square][/list].

Eine sortierte Liste erstellen

Die zweite Listenart, die sortierte Liste, erlaubt dir, festzulegen, was den Punkten vorangestellt wird. Um eine sortierte Liste zu erstellen, verwende [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ürdest du 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

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 du nach dem =-Zeichen angibst, wird als Link für den Inhalt des Tags verwendet. Um beispielsweise auf Ceed-Forum.de zu linken, kannst du folgenden Code verwenden:
  
  [url=https://www.ceed-forum.de/]Besuche Ceed-Forum.de![/url]
  
  Dies würde folgenden Link erstellen: Besuche Ceed-Forum.de! Die Seite wird abhängig von den Einstellungen des Browsers des Benutzers im gleichen oder in einem neuen Fenster geöffnet.
• Wenn du möchtest, dass die URL selbst als Beschreibung angezeigt wird, kannst du dies wie folgt erreichen:
  
  [url]https://www.ceed-forum.de/[/url]
  
  Dies würde folgenden Link erstellen: https://www.ceed-forum.de/
• Das Forum hat zusätzlich eine Funktion, um Links automatisch zu erkennen. Diese Funktion wandelt jede syntaktisch korrekte URL in einen Link um, ohne dass du einen Tag oder sogar das führende https:// angeben musst. Wenn du zum Beispiel in deinem Text www.ceed-forum.de schreibst, so wird dies automatisch zu www.ceed-forum.de, sobald du die Nachricht betrachtest.
• Die selbe Funktionalität steht auch bei E-Mail-Adressen zur Verfügung. Du kannst entweder eine Adresse explizit kennzeichnen; z.B.:
  
  [email]niemand@domain.tld[/email]
  
  Dies ergibt niemand@domain.tld. Oder du kannst direkt niemand@domain.tld in deiner Nachricht verwenden, was automatisch umgewandelt wird, wenn du die Nachricht anschaust.

Wie bei allen BBCode-Tags kannst du URLs all den anderen Tags wie [img][/img] (siehe nächsten Eintrag), [b][/b] usw. hinterlegen. Wie bei den Formatierungs-Tags liegt es an dir, die richtige Reihenfolge beim Öffnen und beim Schließen einzuhalten. So ist zum Beispiel:

[url=https://www.ceed-forum.de/][img]https://www.ceed-forum.de/community/styles/newsilver/theme/images/no_avatar.gif[/url][/img]

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

Mit @ auf andere Mitglieder verweisen

Wenn du ein Forum-Mitglied gezielt ansprechen möchtest, kannst du das mit der Eingabe @Benutzername, damit wird automatisch ein BBCode [user]Benutzername[/user] erzeugt.
Das genannte Mitglied wird somit direkt angesprochen und erhält darüber zusätzlich eine Benachrichtigung, das es erwähnt wurde.

Bilder, Videos und Dateien in Beiträgen

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 du anzeigen möchtest, bereits im Internet verfügbar sein (es darf also nicht nur auf deinem Computer liegen, sofern du ihn nicht als Webserver betreibst!). Um ein Bild anzuzeigen, musst du die URL, die auf das Bild verweist, mit dem [img][/img]-Tag umschließen. Zum Beispiel:

[img]https://www.ceed-forum.de/community/styles/newsilver/theme/images/no_avatar.gif[/img]

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

[url=https://www.ceed-forum.de/][img]https://www.ceed-forum.de/community/styles/newsilver/theme/images/no_avatar.gif[/img][/url]

ergibt:

Ein Video zu einem Beitrag hinzufügen

Videos können nur direkt von der Plattform "Youtube" so eingebunden werden, das sie im Beitrag abgespielt/angeschaut werden können.
Videos von anderen Plattformen, sind in Beiträgen nicht abspielbar und werden als Link angezeigt.

Um ein Youtube-Video anzuzeigen, musst du die URL, die auf das Youtube-Video verweist, mit dem [yt][/yt]-Tag umschließen. Zum Beispiel:

[yt]https://www.youtube.com/watch?v=ABC123def456[/yt]

Ob ein Video abgespielt werden kann, liegt an den Cookie-Consent-Einstellungen des jeweilgen Seitenbesucher.

Dateien zu einem Beitrag hinzufügen

Dateianhänge können mit dem [attachment=][/attachment]-Tag an jeder Stelle eines Beitrags eingefügt werden, sofern Dateianhänge durch die Board-Administration zugelassen wurden und du ausreichende Rechte zur Erstellung eines Dateianhangs hast.
Zuvor muss ein Dateianhang aber von deinem Gerät hinzugefügt/hochgeladen werden, dies geht über den Button "Dateien hinzufügen" unter dem Texteingabefeld.
Innerhalb des Formulars zur Beitragserstellung findest du eine Auswahlliste (oder eine Schaltfläche), um Dateianhänge innerhalb des Beitrags zu platzieren.

Andere Punkte

Kann ich meine eigenen BBCodes hinzufügen oder nutzen

Nein. Nur ein Administrator mit entsprechenden Rechten kann weitere BBCode-Tags definieren.