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][email protected][/email]

    Dies ergibt [email protected]. Oder Sie können direkt [email protected] 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

Embedding Media

How to embed media from other sites into posts
Users can embed content such as videos and audio from allowed sites using the [media][/media] tags, or from simply posting a supported URL in plain text. For example:

[media]https://youtu.be/QH2-TGUlwu4[/media]

As noted above, the link could also be used without the [media] tags.

The example shown here would generate:

https://youtu.be/QH2-TGUlwu4

The following sites are supported:
abcnews, acast, amazon, anchor, applepodcasts, audioboom, audiomack, audius, bandcamp, bbcnews, bitchute, bleacherreport, brightcove, castos, cbsnews, clyp, cnbc, cnn, cnnmoney, codepen, comedycentral, coub, dailymotion, democracynow, dumpert, eighttracks, espn, facebook, falstad, flickr, foxnews, funnyordie, gamespot, getty, gfycat, gifs, giphy, gist, globalnews, gofundme, googledrive, googleplus, googlesheets, hudl, hulu, ign, imdb, imgur, indiegogo, instagram, internetarchive, izlesene, jsfiddle, jwplatform, kaltura, khl, kickstarter, libsyn, liveleak, livestream, mailru, medium, megaphone, metacafe, mixcloud, mlb, mrctv, msnbc, natgeochannel, natgeovideo, nbcnews, nbcsports, nhl, npr, nytimes, odysee, orfium, pastebin, pinterest, podbean, prezi, reddit, rumble, rutube, scribd, sendvid, slideshare, sporcle, sportsnet, spotify, spreaker, steamstore, stitcher, strawpoll, streamable, streamja, teamcoco, ted, telegram, theatlantic, theguardian, theonion, tiktok, tmz, tradingview, traileraddict, trendingviews, tumblr, twentyfoursevensports, twitch, twitter, ustream, vbox7, veoh, vevo, videodetective, vimeo, vine, vk, vocaroo, vox, washingtonpost, wistia, wshh, wsj, xboxclips, xboxdvr, youku, youmaker, youtube.

For complete documentation on supported sites and example URLs, visit the MediaEmbed Plugin Documentation.
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

Schriftart
[font=Comic Sans MS]Text[/font]

Beispiel:
[font=Comic Sans MS]Der schnelle braune Fuchs springt über den faulen Hund[/font]

Ergebnis:
Der schnelle braune Fuchs springt über den faulen Hund
Nach oben
Text hervorheben (Gelb)
[highlight=yellow]text[/highlight] Tipp: Du kannst auch color=#FF0000 benutzen

Beispiel:
[highlight=yellow]Der schnelle braune Fuchs springt über den faulen Hund[/highlight]

Ergebnis:
Der schnelle braune Fuchs springt über den faulen Hund
Nach oben
Ausrichten von Text
[align=center|left|right|justify]Text[/align] (zentriert, linksbündig, rechtsbündig und blocksatz)

Beispiel:
[align=center]Der schnelle braune Fuchs springt über den faulen Hund[/align]

Ergebnis:
Der schnelle braune Fuchs springt über den faulen Hund
Nach oben
Umfließender Text (Links/Rechts)
[float=left|right]Text[/float]

Beispiel:
[float=right]Der schnelle braune Fuchs springt über den faulen Hund[/float]

Ergebnis:
Der schnelle braune Fuchs springt über den faulen Hund
Nach oben
Durchgestrichen
[s]Text[/s]

Beispiel:
[s]Der schnelle braune Fuchs springt über den faulen Hund[/s]

Ergebnis:
Der schnelle braune Fuchs springt über den faulen Hund
Nach oben
Tiefgestellt
[sub]Text[/sub]

Beispiel:
[sub]Der schnelle braune Fuchs springt über den faulen Hund[/sub] Der schnelle braune Fuchs springt über den faulen Hund

Ergebnis:
Der schnelle braune Fuchs springt über den faulen Hund Der schnelle braune Fuchs springt über den faulen Hund
Nach oben
Hochgestellt
[sup]Text[/sup]

Beispiel:
[sup]Der schnelle braune Fuchs springt über den faulen Hund[/sup] Der schnelle braune Fuchs springt über den faulen Hund

Ergebnis:
Der schnelle braune Fuchs springt über den faulen Hund Der schnelle braune Fuchs springt über den faulen Hund
Nach oben
Glühender Text
[glow=color]Text[/glow]

Beispiel:
[glow=red]Der schnelle braune Fuchs springt über den faulen Hund[/glow]

Ergebnis:
Der schnelle braune Fuchs springt über den faulen Hund
Nach oben
Text mit Schatten
[shadow=color]Text[/shadow]

Beispiel:
[shadow=blue]Der schnelle braune Fuchs springt über den faulen Hund[/shadow]

Ergebnis:
Der schnelle braune Fuchs springt über den faulen Hund
Nach oben
Text mit Schattenfall
[dropshadow=color]Text[/dropshadow]

Beispiel:
[dropshadow=blue]Der schnelle braune Fuchs springt über den faulen Hund[/dropshadow]

Ergebnis:
Der schnelle braune Fuchs springt über den faulen Hund
Nach oben
Unscharfer Text
[blur=color]Text[/blur]

Beispiel:
[blur=blue]Der schnelle braune Fuchs springt über den faulen Hund[/blur]

Ergebnis:
Der schnelle braune Fuchs springt über den faulen Hund
Nach oben
Text ein-/ausblenden
[fade]Text[/fade]

Beispiel:
[fade]Der schnelle braune Fuchs springt über den faulen Hund[/fade]

Ergebnis:
Der schnelle braune Fuchs springt über den faulen Hund
Nach oben
Vorformatierter Text
[pre]Text[/pre]

Beispiel:
[pre]Der schnelle braune Fuchs springt über den faulen Hund Der schnelle braune Fuchs springt über den faulen Hund[/pre]

Ergebnis:
Der schnelle braune Fuchs springt über den faulen Hund
	Der schnelle braune Fuchs springt über den faulen Hund
Nach oben
Text Richtung (links nach rechts/rechts nach links)
[dir=ltr|rtl]Text[/dir]

Beispiel:
[dir=rtl]Der schnelle braune Fuchs springt über den faulen Hund[/dir]

Ergebnis:
Der schnelle braune Fuchs springt über den faulen Hund
Nach oben
Lauftext (nach unten|oben|links|rechts)
[marq=up|down|left|right]text[/marq]

Beispiel:
[marq=left]Der schnelle braune Fuchs springt über den faulen Hund[/marq]

Ergebnis:
Der schnelle braune Fuchs springt über den faulen Hund
Nach oben
Spoiler Nachricht
[spoil]Text[/spoil]

Beispiel:
[spoil]Der schnelle braune Fuchs springt über den faulen Hund[/spoil]

Ergebnis:
► Text anzeigen
Nach oben
Inhalt für Gäste verstecken
[hidden]Text[/hidden]

Beispiel:
[hidden]Der schnelle braune Fuchs springt über den faulen Hund[/hidden]

Ergebnis:
Verstecken ist aktiviert
Um diesen versteckten Text lesen zu können, musst du registriert und angemeldet sein.
Nach oben
Moderator Nachricht
[mod=username]text[/mod]

Beispiel:
[mod=Benutzername]Der schnelle braune Fuchs springt über den faulen Hund[/mod]

Ergebnis:
 ! Nachricht von: Benutzername
Der schnelle braune Fuchs springt über den faulen Hund
Nach oben
Off-topic Nachricht
[offtopic]Text[/offtopic]

Beispiel:
[offtopic]Der schnelle braune Fuchs springt über den faulen Hund[/offtopic]

Ergebnis:
Off-topic
Der schnelle braune Fuchs springt über den faulen Hund
Nach oben
NFO-ASCII-Art-Text
[nfo]Text[/nfo]

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

Ergebnis:
༼ つ ◕_◕ ༽つ    ʕ•ᴥ•ʔ   ¯\_(ツ)_/¯
Nach oben
Webvideo hinzufügen
[bbvideo]http://Video URL[/bbvideo]

Beispiel:
[bbvideo]http://www.youtube.com/watch?v=sP4NMoJcFd4[/bbvideo]

Ergebnis:
[bbvideo]http://www.youtube.com/watch?v=sP4NMoJcFd4[/bbvideo]
Nach oben