BB-Code

1. Fett / Kursiv / Unterstrichen
   [b], [i], [u]
2. Farbe
   [color]
3. Größe
   [size]
4. Schriftart
   [font]
5. Hervorheben
   [highlight]
6. Linksbündig / Rechtsbündig / Zentriert
   [left], [right], [center]
7. Eingerückt
   [indent]
8. E-Mail-Links erstellen
   [email]
9. Hyperlinks erstellen
   [url]
10. Verweis auf ein Thema
    [thread]
11. Verweis auf einen Beitrag
    [post]
12. Ungeordnete Listen / Geordnete Listen
    [list]
13. Grafiken
    [img]
14. Videos
    [video]
15. Code
    [code]
16. PHP-Code
    [php]
17. HTML-Code
    [html]
18. Zitat
    [quote]
19. BB-Code Umwandlung verhindern
    [noparse]
20. Anhang
    [attach]
21. Embed SWF
    [embedswf]
22. S
    [s]
23. Spoiler-Tag
    [SPOILER]
24. Sub
    [sub]
25. Sup
    [sup]
26. Xcolor für Me-Hack
    [Xcolor]

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

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

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

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

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

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

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][email protected][/email]
  • [[email protected]]Schreib mir eine E-Mail[/email]
  Beispiel
• • [email protected]
  • Schreib mir eine E-Mail
  Ausgabe

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.comicforum.de[/url]
  • [url=http://www.comicforum.de]Comicforum - Sponsored by Carlsen und Tokyopop[/url]
  Beispiel
• • http://www.comicforum.de
  • Comicforum - Sponsored by Carlsen und Tokyopop
  Ausgabe

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
• • http://www.comicforum.de/showthread.php?t=42918
  • Klick mich!
  Ausgabe

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.

• • [post]Post-ID[/post]
  • [post=Post-ID]Text[/post]
  Syntax
• • [post]269302[/post]
  • [post=269302]Klick mich![/post]

  (Hinweis: Die Thread-ID/Post-ID ist nur ein Beispiel und führt wahrscheinlich nicht zu einem Thema oder Beitrag.)
  Beispiel
• • http://www.comicforum.de/showthread.php?p=269302#post269302
  • Klick mich!
  Ausgabe

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

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

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.comicforum.de/images/statusicon/forum_new-48.png[/img] (Kein Link)
  • [url=http://www.example.com] [img]http://www.comicforum.de/images/statusicon/forum_new-48.png[/img] [/url] (Link)
  Beispiel
• • (Kein Link)
  • (Link)
  Ausgabe

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

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

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

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

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;5421143]Lorem ipsum dolor sit amet[/quote]
  Beispiel
• • Lorem ipsum dolor sit amet
  • Zitat von John Doe

    Lorem ipsum dolor sit amet
  • Zitat von John Doe

    Lorem ipsum dolor sit amet
  Ausgabe

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

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

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

Hiermit können Shockwave Flash-Banner eingebunden werden, die 60 Pixel Höhe haben. Über die Option läßt sich die Breite des Banners einstellen.

• [embedswf=Option]Text[/embedswf]
  Syntax
• [embed=486]234x60.swf[/embed]
  Beispiel
• [embed=486]234x60.swf[/embed]
  Ausgabe

Streicht den Text durch.

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

Verbirgt seinen Inhalt, bis der Betrachter den Link anklickt.

• [SPOILER]Text[/SPOILER]
  Syntax
• [SPOILER]Dies ist ein Spoiler[/SPOILER]
  Beispiel
• ->Spoiler öffnen<-

  
  Dies ist ein Spoiler

  
  
  Ausgabe

Stellt den text tiefer

• [sub]Text[/sub]
  Syntax
• [sub]Tiefergestellter Text[/sub]
  Beispiel
• _{Tiefergestellter Text}
  Ausgabe

Stellt Text hoch

• [sup]Text[/sup]
  Syntax
• [sup]Hochgestellter Text[/sub]
  Beispiel
• [sup]Hochgestellter Text[/sub]
  Ausgabe

Dies ist ein Code für den Me-Hack

• [Xcolor=Option]Text[/Xcolor]
  Syntax
• [XColor=#00000]Text[/XColor]
  Beispiel
• Text
  Ausgabe