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.
Nach oben

Formatierung von Text

Wie fetter, kursiver und unterstrichener 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
  • Zum Unterstreichen von Text benutze [u][/u]. So wird z. B. aus:

    [u]Guten Morgen[/u]

    Guten Morgen
  • Um Text kursiv zu stellen, verwende [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 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
Nach oben

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]
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 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.
Nach oben

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. Die Syntaxhervorhebung fĂŒr PHP kann mit [code=php][/code] aktiviert werden; dies ist immer dann zu empfehlen, wenn PHP-Code gepostet wird, da so die Lesbarkeit verbessert 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 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
Nach oben

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
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 du nach dem =-Zeichen angibst, wird als Link fĂŒr den Inhalt des Tags verwendet. Um beispielsweise auf phpBB.de zu linken, kannst du folgenden Code verwenden:

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

    Dies wĂŒrde folgenden Link erstellen: Besuche phpBB.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.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 du einen Tag oder sogar das fĂŒhrende http:// angeben musst. Wenn du zum Beispiel in deinem Text www.phpbb.de schreibst, so wird dies automatisch zu www.phpbb.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=http://www.google.de/][img]http://www.google.com/intl/en_ALL/images/logo.gif[/url][/img]

nicht richtig und kann dazu fĂŒhren, dass dein 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 du anzeigen willst, 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]http://www.google.com/intl/en_ALL/images/logo.gif[/img]

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

[url=http://www.google.de/][img]http://www.google.com/intl/en_ALL/images/logo.gif[/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 du ausreichende Rechte zur Erstellung eines Dateianhangs hast. Innerhalb des Formulars zur Beitragserstellung findest du eine Auswahlliste (oder eine SchaltflĂ€che), um DateianhĂ€nge innerhalb des Beitrags zu platzieren.
Nach oben

Videos in BeitrÀgen anzeigen

Ein Video zu einem Beitrag hinzufĂŒgen
Es gibt BBCodes, um Videos aus verschiedenen Videoportalen in einem Beitrag einzufĂŒgen. Dabei mĂŒssen zwei wichtige Punkte beachtet werden: erstens mögen es viele Benutzer nicht, wenn viele Videos in einem Beitrag enthalten sind und zweitens muss das Video, das du anzeigen willst, bereits im Internet verfĂŒgbar sein (es darf also nicht nur auf deinem Computer liegen, sofern du ihn nicht als Webserver betreibst!). Um ein Video anzuzeigen, musst du die Video-ID, wenn sie z.B. auf ein YouTube Video verweist, mit dem [youtube][/youtube]-Tag umschließen. Zum Beispiel:

[youtube]ADbeCHQLUpk[/youtube]

Genauso funktioniert das mit allen weiteren Video-BBCodes, die vom Administrator freigeschaltet sind.
Nach oben

Andere Punkte

Kann ich meine eigenen Tags hinzufĂŒgen
Wenn du ein Administrator mit entsprechenden Rechten auf diesem Board bist, kannst du im Bereich fĂŒr benutzerdefinierte BBCode-Tags weitere Tags definieren.
Nach oben

cron