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 Post verfasst.

Anbei findest du eine Liste von BB-Code Tags, welche du verwenden kannst, um deinen Post 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 einen Thread
  11. Verweis auf einen Post
  12. Ungeordnete Listen / Geordnete Listen
  13. Grafiken
  14. Videos
  15. Code
  16. PHP-Code
  17. Zitat
  18. BB-Code Umwandlung verhindern
  19. Anhang
  20. Advance Image
  21. Banana Sign
  22. dailymotion.com
  23. Devil Sign
  24. Figure
  25. Figure
  26. Figure
  27. Freecaster.tv
  28. Freecaster 2009 April 480
  29. caster 2009 April 480 414
  30. Freecaster480
  31. Freecaster.tv 640
  32. Image News Max
  33. Mpora Videos
  34. MySpace Video
  35. No Wrap
  36. Red Bull Video
  37. Sign
  38. Strong
  39. Vimeo Videos
  40. Vimeo Videos 4:3
  41. YouTube
  42. YouTube 16:9
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.

Verweis auf einen Thread

Der [thread] Tag ermöglicht das Verlinken eines bestimmten Threads 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 Thread oder Post.)
    Beispiel
  • Ausgabe

Verweis auf einen Post

Mit dem [post] Tag kannst du auf bestimmte Posts verweisen, indem du einfach die Post-ID des Posts 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 Posts einbinden. Du kannst diesen BB-Code auch mit dem [url] Tag verbinden und somit eine Grafik als Link darstellen.

  • [img]Text[/img]
    Syntax
    • [img]https://www.downhill-board.com/images-dhr/statusicon/forum_new-48.png[/img] (Kein Link)
    • [url=http://www.example.com] [img]https://www.downhill-board.com/images-dhr/statusicon/forum_new-48.png[/img] [/url] (Link)
    Beispiel
    • (Kein Link)
    • (Link)
    Ausgabe

Videos

Mit dem [video] Tag kannst du Videos von verschiedenen Videoquellen in deinen Posts 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

Zitat

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

    • [quote]Zitat[/quote]
    • [quote=User-Name]Text[/quote]
    Syntax
    • [quote]Lorem ipsum dolor sit amet[/quote]
    • [quote=John Doe]Lorem ipsum dolor sit amet[/quote]
    • [quote=John Doe;826254]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 Post 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 Post platziert werden. Dies gilt jedoch nur für Anhänge, die an diesen Post angehängt wurden.

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

Advance Image

Erlaubt das Einbinden eines größeren Fotos.

  • [aimg]Text[/aimg]
    Syntax
  • [aimg]http://www.dh-rangers.com/pictures/leogang-2003/images/C27B2667.jpg[/aimg]
    Beispiel
  • Ausgabe

Banana Sign

Banana holds sign with individual.

  • [banana]Text[/banana]
    Syntax
  • [banana]Where is my Banana?[/banana]
    Beispiel
  • Where is my Banana?
    Ausgabe

dailymotion.com

Daily Motion Videos

  • [dailymotion]Text[/dailymotion]
    Syntax
  • [dailymotion]http://www.dailymotion.com/swf/x93wy6[/dailymotion]
    Beispiel
  • Ausgabe

Devil Sign

Umschließt den Text in einem Schild, das ein Teufel-Smiley hält. Wrap your text with a devil smiley for those evil thoughts.

  • [evil]Text[/evil]
    Syntax
  • [evil]He's so evil![/evil]
    Beispiel
  • He's so evil!
    Ausgabe

Figure

Bild mit Beschreibung

Figure

Bild mit Beschreibung mit Option

Figure

Fügte eine Abbildung in den Post ein.

  • [figure=Option]Text[/figure]
    Syntax
  • [figure=1]http://www.downhill-board.com/img/tipps-tricks/thread-antworten-button-oben.png[/figure]
    Beispiel
  • Abbildung 1
    Abbildung
    Ausgabe

Freecaster.tv

Einfügen eines Freecaster Videos per Iframe. Größe 480 x 370 Pixel. Wenn die Url http://play.freecaster.com/v2/1000006/1004353 ist, muss man v2/1000006/1004353 als Parameter in der Mitte angeben.

  • [freecaster]Text[/freecaster]
    Syntax
  • [freecaster]v2/1000006/1004353[/freecaster]
    Beispiel
  • Ausgabe

Freecaster 2009 April 480

Freecaster Videos 2009

  • [Freecaster2009April480=Option]Text[/Freecaster2009April480]
    Syntax
  • [freecaster2009april480=]http://play.freecaster.com/player/FCPlayer.swf?id=YXBJRD0xMDAwMjkwJmNJRD0xMDA3ODMx[/freecaster2009april480]
    Beispiel
  • Ausgabe

caster 2009 April 480 414

Freecaster Videos 2009 480x414

  • [Freecaster2009April480414=Option]Text[/Freecaster2009April480414]
    Syntax
  • [Freecaster2009April480414=http://gateway.freecaster.tv/rss_event/1000152_date.rss]http://play.freecaster.com/player/FCPlayerRSS.swf?id=ZUlEPTEwMDAxNTImY0lEPTEwMDcxMjI=[/Freecaster2009April480414]
    Beispiel
  • Ausgabe

Freecaster480

Einfügen eines Freecaster Videos per Flash Player. Größe 480x 288 Pixel. Als Parameter muss die gesamt Url angeeben werden.

  • [freecaster480]Text[/freecaster480]
    Syntax
  • [freecaster480]http://play.freecaster.com/v3/FCPlayer.swf?id=cEtleT0yJmFwSUQ9MTAwMDAwNiZjSUQ9MTAwNDk4MSZlSUQ9JnhpdGlJRD0xMw==[/freecaster480]
    Beispiel
  • Ausgabe

Freecaster.tv 640

Einfügen eines Freecaster Videos per Flash Player. Größe 640 x 378 Pixel. Wenn die Url http://play.freecaster.com/v3/freecaster.swf?apID=1000188&cID=1004398 ist, muss man apID=1000188&cID=1004398 als Parameter in der Mitte angeben.

  • [freecaster640]Text[/freecaster640]
    Syntax
  • [freecaster640]apID=1000188&cID=1004398[/freecaster640]
    Beispiel
  • Ausgabe

Image News Max

Bild in News mit MaxWith 420

  • [imgnewsdesc=Option]Text[/imgnewsdesc]
    Syntax
  • [imgnewsdesc=Pagey in Leogang]http://www.dh-rangers.com/pictures/leogang-2003/images/C27B2667.jpg[/imgnewsdesc]
    Beispiel
  • Pagey in Leogang
    Pagey in Leogang
    Ausgabe

Mpora Videos

Mpora Videos

  • [mpora]Text[/mpora]
    Syntax
  • [mpora]http://video.mpora.com/ep/bOSTPufLu/[/mpora]
    Beispiel
  • Ausgabe

MySpace Video

MySpace Video

  • [myspacevid]Text[/myspacevid]
    Syntax
  • [myspacevid]35387474[/myspacevid]
    Beispiel
  • Ausgabe

No Wrap

Verhindert Umbruch

  • [nw]Text[/nw]
    Syntax
  • [nw]a very long line with no line break[/nw]
    Beispiel
  • a very long line with no line break
    Ausgabe

Red Bull Video

  • [redbullvideo]Text[/redbullvideo]
    Syntax
  • [redbullvideo]http://www.redbull.co.uk/cs/RedBull/flash/RBPlayerNew.swf?data_url=http://www.redbull.co.uk/cs/Satellite?c%3DRB_Video%26cid%3D1242912653940%26locale%3D1237404256307%26p%3D1242760989724%2
    Beispiel
  • [redbullvideo]http://www.redbull.co.uk/cs/RedBull/flash/RBPlayerNew.swf?data_url=http://www.redbull.co.uk/cs/Satellite?c%3DRB_Video%26cid%3D1242912653940%26loc ale%3D1237404256307%26p%3D1242760989724%2
    Ausgabe

Sign

Macht aus dem Text ein Schild, das von einem Smiley gehalten wird. Wrap your text with a cynical looking smiley holding a sign.

  • [s]Text[/s]
    Syntax
  • [s]Look at me![/s]
    Beispiel
  • Look at me!
    Ausgabe

Strong

Zeichnet einen Text als wichtig aus.

  • [strong]Text[/strong]
    Syntax
  • [strong]Downhill[/strong]
    Beispiel
  • Downhill
    Ausgabe

Vimeo Videos

Vimeo Videos

  • [vimeo]Text[/vimeo]
    Syntax
  • [vimeo]2535650[/vimeo]
    Beispiel
  • Ausgabe

Vimeo Videos 4:3

Vimeo Videos 4:3

  • [vimeo43]Text[/vimeo43]
    Syntax
  • [vimeo43]2535650[/vimeo43]
    Beispiel
  • Ausgabe

YouTube

Einfügen eines YouTube Videos per Object. Größe 560x315 Pixel. Wenn die Url http://www.youtube.com/v/HwczMMINyIA ist, muss der Parameter in der Mitte HwczMMINyIA sein.

  • [youtube]Text[/youtube]
    Syntax
  • [youtube]HwczMMINyIA[/youtube]
    Beispiel
  • Ausgabe

YouTube 16:9

Einfügen eines YouTube Videos per Object. Größe 425x264 Pixel. Wenn die Url http://www.youtube.com/v/HwczMMINyIA ist, muss der Parameter in der Mitte v3G-gbuBHKY sein.

  • [youtube169]Text[/youtube169]
    Syntax
  • [youtube]v3G-gbuBHKY[/youtube]
    Beispiel
  • Ausgabe