BB-Code

Erklrung

BB-Code ist eine an HTML angelehnte Auszeichnungssprache. Mit ihm kannst du deine Nachrichten in hnlicher Weise, wie es mit HTML auch mglich ist, formatieren. Durch den einfacheren Syntax ist es allerdings unmglich, das Layout der Seite selbst zu zerstren. Ob du BB-Code verwenden darfst, kann vom Administrator fr jedes einzelne Forum eingeschrnkt werden - berprfe 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. Gre
  4. Schriftart
  5. Hervorheben
  6. Linksbndig / Rechtsbndig / Zentriert
  7. Eingerckt
  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. Zitat
  18. BB-Code Umwandlung verhindern
  19. Anhang
  20. Asin
  21. Asu
  22. Asuche
  23. Center
  24. Hoch
  25. Quelle
  26. Right
  27. S
  28. Schild
  29. Schild
  30. Snapback
  31. Spoiler
  32. Tief
  33. Tweet
  34. URL (NoFollow)
  35. Wikipedia Link (Deutschland)
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 schlieenden Tags mssen einen Schrgstrich 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 gendert werden.

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

Gre

Mit dem [size] Tag kann die Textgre gendert werden.

  • [size=Option]Text[/size]
    Syntax
  • [size=+2]dieser Text ist zwei Gren grer als normal[/size]
    Beispiel
  • dieser Text ist zwei Gren grer als normal
    Ausgabe

Schriftart

Mit dem [font] Tag kann die Schriftart deines Textes gendert werden.

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

Linksbndig / Rechtsbndig / 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 linksbndig[/left]
    • [center]dieser Text ist zentriert[/center]
    • [right]dieser Text ist rechtsbndig[/right]
    Beispiel
  • dieser Text ist linksbndig
    dieser Text ist zentriert
    dieser Text ist rechtsbndig
    Ausgabe

Eingerckt

Mit dem [indent] Tag kannst du deinen Text einrcken.

  • [indent]Text[/indent]
    Syntax
  • [indent]dieser Text ist eingerckt[/indent]
    Beispiel
  • dieser Text ist eingerckt
    Ausgabe

E-Mail-Links erstellen

Das E-Mail-Tag ermglicht das Verlinken von E-Mail-Adressen. Mit einem zustzlichen Parameter kannst du auerdem einen Namen fr 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 ermglicht das Verlinken von anderen Websites und Dateien. Mit einem zustzlichen Parameter kannst du auerdem einen Namen fr den Link angeben.

Verweis auf ein Thema

Der [thread] Tag ermglicht das Verlinken eines bestimmten Themas mit Hilfe der Thread-ID. Mit einem zustzlichen Parameter kannst du auerdem einen Namen fr 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 fhrt wahrscheinlich nicht zu einem Thema oder Beitrag.)
    Beispiel
  • Ausgabe

Verweis auf einen Beitrag

Mit dem [post] Tag kannst du auf bestimmte Beitrge 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 Grobuchstaben) bzw. i oder I (Liste mit kleinen oder groen rmischen 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 Beitrgen 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://img.ioff.de/images/metro/blue/statusicon/forum_new-48.png[/img] (Kein Link)
    • [url=http://www.example.com] [img]http://img.ioff.de/images/metro/blue/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 Beitrgen einbinden. Dazu gehren 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 erhlt 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 zustzlich bestimmte Schlsselwrter hervor (Syntax Highlighting). Obwohl es fr 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=Benutzername]Text[/quote]
    Syntax
    • [quote]Lorem ipsum dolor sit amet[/quote]
    • [quote=John Doe]Lorem ipsum dolor sit amet[/quote]
    • [quote=John Doe;46408970]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 knnen 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 knnen Anhnge an beliebiger Stelle in einem Beitrag platziert werden. Dies gilt jedoch nur fr Anhnge, die an diesen Beitrag angehngt wurden.

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

Asin

Erzeugt einen Link zu einem Amazon Produkt mittels der "ASIN". ASIN bedeutet "Amazon Standard Item Number". Jeder Artikel des Kataloges erhlt als Einzelstck (engl."Item") eine eindeutige Artikelnumer (ASIN). Mit Hilfe dieser Nummer kann Amazon alle Artikel identifizieren. Bei Bchern ist die ASIN identisch mit der ISBN ("International Standard Book Number"). Ihr findet die ASIN des gewnschten Artikels auf der jeweiligen Detailseite oder im Link.

Asu

Erzeugt einen Link zu einer Amazon Such-Ergebnis-Seite mit dem verwendeten Begriff

  • [asu]Text[/asu]
    Syntax
  • [asu]Harry Potter[/asu]
    Beispiel
  • Ausgabe

Asuche

Erzeugt einen Link zu einer Amazon Such-Ergebnis-Seite mit dem verwendeten Begriff

  • [asuche=Option]Text[/asuche]
    Syntax
  • [asuche="Harry Potter"]nach Harry Potter suchen....[/asuche]
    Beispiel
  • Ausgabe

Center

Zentriert den zwischen den Tags stehenden Text

  • [center]Text[/center]
    Syntax
  • [center]zentrierter text[/center]
    Beispiel
  • zentrierter text
    Ausgabe

Hoch

  • [hoch]Text[/hoch]
    Syntax
  • [hoch]hochgestellter Text[/hoch]
    Beispiel
  • hochgestellter Text
    Ausgabe

Quelle

.

  • [quelle=Option]Text[/quelle]
    Syntax
  • [quelle=http://www.heise.de]Zitierter Text[/quelle]
    Beispiel
  • Zitat:
    Zitierter Text
    [Quelle]
    Ausgabe

Right

hier steht nix

  • [right]Text[/right]
    Syntax
  • [right]formatiert rechtsbuendig[/right]
    Beispiel
  • formatiert rechtsbuendig
    Ausgabe

S

The [s] tag allows you to strike text.

  • [s]Text[/s]
    Syntax
  • [s]Strike[/s]
    Beispiel
  • Strike
    Ausgabe

Schild

  • [schild]Text[/schild]
    Syntax
  • [schild]Heul doch![/schild]
    Beispiel
  • Heul doch!
    Ausgabe

Schild

  • [schild=Option]Text[/schild]
    Syntax
  • [schild=1]anderer Text[/schild]
    Beispiel
  • anderer Text
    Ausgabe

Snapback

  • [sn]Text[/sn]
    Syntax
  • Beispiel
  • Ausgabe

Spoiler

.

  • [spoiler]Text[/spoiler]
    Syntax
  • [spoiler]Der Gaertner war's![/spoiler]
    Beispiel

  • Der Gaertner war's!

    Ausgabe

Tief

  • [tief]Text[/tief]
    Syntax
  • [tief]tiefgestellter text[/tief]
    Beispiel
  • tiefgestellter text
    Ausgabe

Tweet

Einfach die ID eines Tweets zwischen die Tags packen und der Tweet wird im Forum dargestellt.

URL (NoFollow)

Ergänzt den "NoFollow" Zusatz fr Google an einen Link.

  • [url2=Option]Text[/url2]
    Syntax
  • [url2=http://www.bodensee.de]Bodensee[/url2]
    Beispiel
  • Ausgabe

Wikipedia Link (Deutschland)

Erzeugt einen automatischen Wikipedia Link.

  • [wikipedia]Text[/wikipedia]
    Syntax
  • [wikipedia]Vbulletin[/wikipedia]
    Beispiel
  • Ausgabe