BB-Code

Erklärung

BB-Code ist eine an HTML angelehnte Auszeichnungssprache. Mit ihm kannst du deine Nachrichten in ähnlicher Weise, wie es mit HTML auch möglich ist, formatieren. Durch den einfacheren Syntax ist es allerdings unmöglich, das Layout der Seite selbst zu zerstören. Ob du BB-Code verwenden darfst, kann vom Administrator für jedes einzelne Forum eingeschränkt werden - überprüfe deshalb die Foren-Regeln, bevor du einen neuen Beitrag verfasst.

Anbei findest du eine Liste von BB-Code Tags, welche du verwenden kannst, um deinen Beitrag zu formatieren.

BB-Code Liste

  1. Fett / Kursiv / Unterstrichen
  2. Farbe
  3. Größe
  4. Schriftart
  5. Hervorheben
  6. Linksbündig / Rechtsbündig / Zentriert
  7. Eingerückt
  8. E-Mail-Links erstellen
  9. Hyperlinks erstellen
  10. Verweis auf ein Thema
  11. Verweis auf einen Beitrag
  12. Ungeordnete Listen / Geordnete Listen
  13. Grafiken
  14. Videos
  15. Code
  16. PHP-Code
  17. HTML-Code
  18. Zitat
  19. BB-Code Umwandlung verhindern
  20. Anhang
  21. Banana Sign
  22. Blink
  23. Bubble
  24. divx
  25. Dailymotion BB Code
  26. Devil Sign
  27. Flash
  28. frame
  29. MLG Gameroom BB Code
  30. gametrailers
  31. iframe
  32. Mention
  33. Mouse
  34. Movie BB Code
  35. Move
  36. Megavideo BB Code
  37. embed pdf
  38. Progress
  39. PM User
  40. Rollercoaster
  41. Spoiler
  42. Strike
  43. table
  44. vBulletin-Ticker
  45. UStream
  46. Picture Rate
  47. WSHH
Falsche Verwendung von BB-Code:
  • [url] www.example.net [/url] - zwischen den Tags in Klammern und dem zu formatierenden Text darf kein Leerzeichen stehen.
  • [email]myname@domain.com[email] - die schließenden Tags müssen einen Schrägstrich vor dem Tag-Namen haben ([/email])

Fett / Kursiv / Unterstrichen

Mit den [b], [i] und [u] Tags kannst du Texte fett, kursiv und unterstrichen darstellen.

    • [b]Text[/b]
    • [i]Text[/i]
    • [u]Text[/u]
    Syntax
    • [b]dieser Text ist fett[/b]
    • [i]dieser Text ist kursiv[/i]
    • [u]dieser Text ist unterstrichen[/u]
    Beispiel
    • dieser Text ist fett
    • dieser Text ist kursiv
    • dieser Text ist unterstrichen
    Ausgabe

Farbe

Mit dem [color] Tag kann die Textfarbe geändert werden.

  • [color=Option]Text[/color]
    Syntax
  • [color=blue]dieser Text ist blau[/color]
    Beispiel
  • dieser Text ist blau
    Ausgabe

Größe

Mit dem [size] Tag kann die Textgröße geändert werden.

  • [size=Option]Text[/size]
    Syntax
  • [size=+2]dieser Text ist zwei Größen größer als normal[/size]
    Beispiel
  • dieser Text ist zwei Größen größer als normal
    Ausgabe

Schriftart

Mit dem [font] Tag kann die Schriftart deines Textes geändert werden.

  • [font=Option]Text[/font]
    Syntax
  • [font=courier]dieser Text verwendet die Courier-Schriftart[/font]
    Beispiel
  • dieser Text verwendet die Courier-Schriftart
    Ausgabe

Linksbündig / Rechtsbündig / Zentriert

Mit den [left], [right] und [center] Tags kannst du die Ausrichtung deines Textes festlegen.

    • [left]Text[/left]
    • [center]Text[/center]
    • [right]Text[/right]
    Syntax
    • [left]dieser Text ist linksbündig[/left]
    • [center]dieser Text ist zentriert[/center]
    • [right]dieser Text ist rechtsbündig[/right]
    Beispiel
  • dieser Text ist linksbündig
    dieser Text ist zentriert
    dieser Text ist rechtsbündig
    Ausgabe

Eingerückt

Mit dem [indent] Tag kannst du deinen Text einrücken.

  • [indent]Text[/indent]
    Syntax
  • [indent]dieser Text ist eingerückt[/indent]
    Beispiel
  • dieser Text ist eingerückt
    Ausgabe

E-Mail-Links erstellen

Das E-Mail-Tag ermöglicht das Verlinken von E-Mail-Adressen. Mit einem zusätzlichen Parameter kannst du außerdem einen Namen für den Link angeben.

    • [email]Text[/email]
    • [email=Option]Text[/email]
    Syntax
    • [email]j.doe@example.com[/email]
    • [email=j.doe@example.com]Schreib mir eine E-Mail[/email]
    Beispiel
  • Ausgabe

Hyperlinks erstellen

Das [url] Tag ermöglicht das Verlinken von anderen Websites und Dateien. Mit einem zusätzlichen Parameter kannst du außerdem einen Namen für den Link angeben.

    • [url]Text[/url]
    • [url=Option]Text[/url]
    Syntax
    • [url]http://www.xo-forum.de[/url]
    • [url=http://www.xo-forum.de]XO-Forum[/url]
    Beispiel
  • Ausgabe

Verweis auf ein Thema

Der [thread] Tag ermöglicht das Verlinken eines bestimmten Themas mit Hilfe der Thread-ID. Mit einem zusätzlichen Parameter kannst du außerdem einen Namen für den Link angeben.

    • [thread]Thread-ID[/thread]
    • [thread=Thread-ID]Text[/thread]
    Syntax
    • [thread]42918[/thread]
    • [thread=42918]Klick mich![/thread]
    (Hinweis: Die Thread-ID/Post-ID ist nur ein Beispiel und führt wahrscheinlich nicht zu einem Thema oder Beitrag.)
    Beispiel
  • Ausgabe

Verweis auf einen Beitrag

Mit dem [post] Tag kannst du auf bestimmte Beiträge verweisen, indem du einfach die Post-ID des Beitrags angibst. Wenn du die Post-ID als Parameter verwendest, kannst du dem Verweis auch eine Bezeichnung geben.

Ungeordnete Listen

Mit dem einfachen [list] Tag kannst du ungeordnete Listen erstellen. Jeder Eintrag in dieser Liste beginnt mit dem [*] Tag.

  • [list]Text[/list]
    Syntax
  • [list]
    [*]erster Eintrag
    [*]zweiter Eintrag
    [/list]
    Beispiel
    • erster Eintrag
    • zweiter Eintrag
    Ausgabe

Geordnete Listen

Mit dem durch einen Parameter erweiterten [list] Tag kannst du geordnete Listen erstellen. Dieser Parameter kann eine 1 (nummerierte Liste), a oder A (alphabetische Liste mit Klein- oder Großbuchstaben) bzw. i oder I (Liste mit kleinen oder großen römischen Zahlen) sein.

  • [list=Option]Text[/list]
    Syntax
  • [list=1]
    [*]erster Eintrag
    [*]zweiter Eintrag
    [/list]

    [list=A]
    [*]erster Eintrag
    [*]zweiter Eintrag
    [/list]

    [list=a]
    [*]erster Eintrag
    [*]zweiter Eintrag
    [/list]
    Beispiel
    1. erster Eintrag
    2. zweiter Eintrag
    1. erster Eintrag
    2. zweiter Eintrag
    1. erster Eintrag
    2. zweiter Eintrag
    Ausgabe

Grafiken

Mit dem [img] Tag kannst du Grafiken in deinen Beiträgen einbinden. Du kannst diesen BB-Code auch mit dem [url] Tag verbinden und somit eine Grafik als Link darstellen.

  • [img]Text[/img]
    Syntax
    • [img]http://www.xo-forum.de/images/tf_paragon/statusicon/forum_new-48.png[/img] (Kein Link)
    • [url=http://www.example.com] [img]http://www.xo-forum.de/images/tf_paragon/statusicon/forum_new-48.png[/img] [/url] (Link)
    Beispiel
    • (Kein Link)
    • (Link)
    Ausgabe

Videos

Mit dem [video] Tag können Sie Videos von verschiedenen Videoquellen in Ihren Beiträgen einbinden. Dazu gehören z.B. YouTube, Google, Metacafe und Facebook.

  • [video]Text[/video]
    Syntax
    • [video=youtube;eOUq4Z6R7xI]http://www.youtube.com/watch?v=eOUq4Z6R7xI[/video]
    Beispiel
    Ausgabe

Code

Das [code] Tag zeigt den Text in einer nichtproportionalen Schrift (Monospace Font) an und erhält damit Textformatierungen, wie z.B. Leerzeichen.

  • [code]Text[/code]
    Syntax
  • [code]
    <script type="text/javascript">
    <!--
        alert("Hello world!");
    //-->
    </script>
    [/code]
    Beispiel
  • Code:
    <script type="text/javascript">
    <!--
    	alert("Hello world!");
    //-->
    </script>
    Ausgabe

PHP-Code

Das [php] Tag funktioniert genauso wie das [code] Tag, hebt aber zusätzlich bestimmte Schlüsselwörter hervor (Syntax Highlighting). Obwohl es für PHP entwickelt wurde, kann es u.U. auch andere C-ähnliche Sprachen korrekt darstellen.

  • [php]Text[/php]
    Syntax
  • [php]
    $myvar = 'Hello World!';
    for ($i = 0; \$i < 10; \$i++)
    {
        echo $myvar . "\n";
    }
    [/php]
    Beispiel
  • PHP-Code:
    $myvar 'Hello World!';
    for (
    $i 0$i 10$i++)
    {
        echo 
    $myvar "\n";

    Ausgabe

HTML-Code

Das [html] Tag ermöglicht eine farbliche Hervorhebung (Syntax Highlighting) von HTML-Code.

  • [html]Text[/html]
    Syntax
  • [html]
    <img src="image.gif" alt="image" />
    <a href="testing.html" target="_blank">Testing</a>
    [/html]
    Beispiel
  • HTML-Code:
    <img src="image.gif" alt="image" />
    <a href="testing.html" target="_blank">Testing</a>
    Ausgabe

Zitat

Mit dem [quote] Tag kannst du Texte fremder Herkunft zitieren.

    • [quote]Zitat[/quote]
    • [quote=Benutzername]Text[/quote]
    Syntax
    • [quote]Lorem ipsum dolor sit amet[/quote]
    • [quote=John Doe]Lorem ipsum dolor sit amet[/quote]
    • [quote=John Doe;323293]Lorem ipsum dolor sit amet[/quote]
    Beispiel
    • Lorem ipsum dolor sit amet
    • Zitat Zitat von John Doe
      Lorem ipsum dolor sit amet
    • Zitat Zitat von John Doe Beitrag anzeigen
      Lorem ipsum dolor sit amet
    Ausgabe

Hervorheben

Mit dem [highlight] Tag können Textstellen besonders hervorgehoben werden.

  • Syntax
    [highlight]Text[/highlight]
  • Beispiel
    [highlight]dieser Text ist hervorgehoben[/highlight]
  • Ausgabe
    dieser Text ist hervorgehoben

BB-Code Umwandlung verhindern

Mit dem [noparse] Tag kann verhindert werden, dass BB-Code innerhalb des [noparse] Tags zur Textformatierung umgewandelt wird.

  • [noparse][b]Text[/b][/noparse]
    Syntax
  • [noparse][b]Lorem ipsum dolor sit amet[/b][/noparse]
    Beispiel
  • [b]Lorem ipsum dolor sit amet[/b]
    Ausgabe

Anhang

Mit dem [attach] Tag können Anhänge an beliebiger Stelle in einem Beitrag platziert werden. Dies gilt jedoch nur für Anhänge, die an diesen Beitrag angehängt wurden.

  • [attach]attachmentid[/attach]
    Syntax
  • [attach]12345[/attach]
    Beispiel
  • Ausgabe

Banana Sign

  • [banana]Text[/banana]
    Syntax
  • [banana]:banana:[/banana]
    Beispiel
  • :banana:
    Ausgabe

Blink

This code makes text Blink in IE, FF, and Opera

  • [blink]Text[/blink]
    Syntax
  • [blink]test blink[/blink]
    Beispiel
  • test blink
    Ausgabe

Bubble

Talk like Weeble and Bob!

  • [bubble]Text[/bubble]
    Syntax
  • [bubble]This is a bubble![/bubble]
    Beispiel
  • This is a bubble!
    Ausgabe

divx

  • [divx]Text[/divx]
    Syntax
  • [divx]Link to avi file[/divx]
    Beispiel
  • Ausgabe

Dailymotion BB Code

  • [dm]Text[/dm]
    Syntax
  • [dm]x5frxp[/dm]
    Beispiel
  • Ausgabe

Devil Sign

Wrap your text with a devil smiley for those evil thoughts

  • [evil]Text[/evil]
    Syntax
  • [evil]This is a sign[/evil]
    Beispiel
  • This is a sign
    Ausgabe

Flash

Flash Movies in Beiträgen

  • [flash]Text[/flash]
    Syntax
  • [flash]Link[/flash]
    Beispiel
  • Ausgabe

frame

sfd

  • [frame]Text[/frame]
    Syntax
  • dsff
    Beispiel
  • dsff
    Ausgabe

MLG Gameroom BB Code

MLG Gameroom BB Code

  • [gameroom]Text[/gameroom]
    Syntax
  • [gameroom]GAl6zOMVfhsalsKY[/gameroom]
    Beispiel
  • Ausgabe

gametrailers

  • [gt]Text[/gt]
    Syntax
  • [gt]55665[/gt]
    Beispiel
  • Ausgabe

iframe

You can use the iframe tag to display a website within a post. Can be visually more enhancing than simply using a link.

  • [iframe]Text[/iframe]
    Syntax
  • [iframe]url[/iframe]
    Beispiel
  • Ausgabe

Mention

Mention an user to alert him or her to this post!

  • [mention]Text[/mention]
    Syntax
  • [mention]Username[/mention]
    Beispiel
  • @
    Ausgabe

Mouse

Act like a silly old mouse

  • [mouse]Text[/mouse]
    Syntax
  • [mouse]Where's the cheese?[/mouse]
    Beispiel
  • Where's the cheese?
    Ausgabe

Movie BB Code

Embed a video link from another website... You can use *.wmv, *.mpeg, *.mpg, *.avi...

  • [mov]Text[/mov]
    Syntax
  • [mov]http://wowps.org/demo.wmv[/mov]
    Beispiel
  • Ausgabe

Move

Text moves across the page.

  • [move]Text[/move]
    Syntax
  • [move]This text moves![/move]
    Beispiel
  • This text moves!
    Ausgabe

Megavideo BB Code

Description: MegaVideo.com BBCode

  • [mv]Text[/mv]
    Syntax
  • [mv]4BJD1ZAT[/mv]
    Beispiel
  • Ausgabe

embed pdf

  • [pdf]Text[/pdf]
    Syntax
  • [pdf]http://www.qapla.com/ju/PDFOpenParameters.pdf[/pdf]
    Beispiel


  • Ausgabe

Progress

  • [percentage=Option]Text[/percentage]
    Syntax
  • [progress=100]Complete[/progress]
    Beispiel
  • [progress=100]Complete[/progress]
    Ausgabe

PM User

Send a message to a specific user through a post that only they can see!

  • [pm=Option]Text[/pm]
    Syntax
  • [pm=Username]Message to hide in post[/pm]
    Beispiel
  • {PM="Username"}Message to hide in post{/PM}
    Ausgabe

Rollercoaster

Roller Coaster: [rc]Text here[/rc]

  • [rc]Text[/rc]
    Syntax
  • [RC]Your text here[/RC]
    Beispiel
  • Ausgabe

Spoiler

Hides text that exposes on mouse over!

  • [spSpoiler]Text[/spSpoiler]
    Syntax
  • [sp]Hidden text![/sp]
    Beispiel
  • [sp]Hidden text![/sp]
    Ausgabe

Strike

text durchstreichen

  • [strike]Text[/strike]
    Syntax
  • [strike]text[/strike]
    Beispiel
  • text
    Ausgabe

table

With this vB code tables can be inserted into the post. Columns are seperated by »|«, every new line is a new row.

  • [table]Text[/table]
    Syntax
  • [table]column 1|column 2|column 3[/table]
    Beispiel
  • No code has to be inserted here.
    Ausgabe

vBulletin-Ticker

Dieser BB-Code kann in der Signatur o. ä. verwendet werden, um den jeweils erstellten Ticker anzeigen zu lassen!

  • [ticker]Text[/ticker]
    Syntax
  • [ticker]vbticker.php?do=showticker&uid=0&tid=0[/ticker]
    Beispiel
  • Ausgabe

UStream

Embed ustream videos. Only put the numbers after http://www.ustream.tv/recorded/ or the video will not work.

  • [ustream]Text[/ustream]
    Syntax
  • [ustream]1449901[/ustream]
    Beispiel
  • Ausgabe

Picture Rate

  • [vid]Text[/vid]
    Syntax
  • [VID]3[/VID]
    Beispiel
  • Bewertung: 3/10
    Ausgabe

WSHH

worldstarhiphop.com BB Code

  • [wshh]Text[/wshh]
    Syntax
  • [wshh]wshhjK84GfR4dDJp6ao4[/wshh]
    Beispiel
  • Ausgabe