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. Hervorheben
  5. Linksbündig / Rechtsbündig / Zentriert
  6. Eingerückt
  7. E-Mail-Links erstellen
  8. Hyperlinks erstellen
  9. Verweis auf ein Thema
  10. Verweis auf einen Beitrag
  11. Ungeordnete Listen / Geordnete Listen
  12. Grafiken
  13. Videos
  14. Code
  15. Zitat
  16. BB-Code Umwandlung verhindern
  17. Anhang
  18. Autolink
  19. Bücher
  20. Book Index
  21. Legacy Category Tag
  22. Char
  23. Comment
  24. Community
  25. Div
  26. Footnote
  27. Forum Index
  28. Gallery
  29. Headline
  30. Header
  31. Help
  32. Horizontal Line
  33. Condition
  34. Wiki Attachment Tag
  35. Include Only
  36. Wiki Content Inclusion
  37. iURL
  38. No-Edit
  39. No Include
  40. No State
  41. Only Include
  42. Redirect
  43. Reference List
  44. Durchgestrichen
  45. Show Threads
  46. Span
  47. Special
  48. Spritmonitor
  49. Table
  50. Template Inclusion Tag
  51. Table of Contents
  52. tt
  53. Variable
  54. Widget
  55. Wiki
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

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

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;2365885]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

Autolink

For internal use only.

  • [autolink]Text[/autolink]
    Syntax
  • [autolink]Main Page[/autolink]
    Beispiel
  • [autolink=]Main Page[/autolink]
    Ausgabe

Bücher

Create a link to an article in the Bücher namespace.

  • [book]Text[/book]
    Syntax
  • [book=Example]Click here to view this page![/book]
    Beispiel
  • [book=Example]Click here to view this page![/book]
    Ausgabe

Book Index

Lists all chapters in the specified book in chapter order. Enter a book title.

  • [bookindex]Text[/bookindex]
    Syntax
  • [bookindex]Demo Book[/bookindex]
    Beispiel
  • [bookindex=]Demo Book[/bookindex]
    Ausgabe

Legacy Category Tag

Create a link to an article in the Kategorie namespace.

  • [category]Text[/category]
    Syntax
  • [category=Example]Click here to view this page![/category]
    Beispiel
  • [category=Example]Click here to view this page![/category]
    Ausgabe

Char

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

Comment

Add a comment that is only visible in the source code.

  • [comment]Text[/comment]
    Syntax
  • [comment]This is an HTML comment.[/comment]
    Beispiel
  • [comment=]This is an HTML comment.[/comment]
    Ausgabe

Community

Create a link to an article in the Community namespace.

  • [community]Text[/community]
    Syntax
  • [community=Example]Click here to view this page![/community]
    Beispiel
  • [community=Example]Click here to view this page![/community]
    Ausgabe

Div

Create a CSS-styled block for your text.

  • [div]Text[/div]
    Syntax
  • [div] style="border: 1px solid #ff0000" | Text in the block. [/div]
    Beispiel
  • [div=] style="border: 1px solid #ff0000" | Text in the block. [/div]
    Ausgabe

Footnote

Add footnotes to the current article.

  • [footnote]Text[/footnote]
    Syntax
  • [footnote="http://www.crackedeggstudios.com"]Cracked Egg Studios News[/footnote]
    Beispiel
  • [footnote="http://www.crackedeggstudios.com"]Cracked Egg Studios News[/footnote]
    Ausgabe

Forum Index

Lists all threads from the specified forum in alphabetical order. Enter a forum ID to select the forum.

  • [forumindex]Text[/forumindex]
    Syntax
  • [forumindex]2[/forumindex]
    Beispiel
  • [forumindex=]2[/forumindex]
    Ausgabe

Gallery

Create a gallery of wiki images.

  • [gallery]Text[/gallery]
    Syntax
  • [gallery] caption="Gallery Title" | image1.ext|Caption text image2.ext|Caption text [/gallery]
    Beispiel
  • [gallery=] caption="Gallery Title" |
    image1.ext|Caption text
    image2.ext|Caption text
    [/gallery]
    Ausgabe

Headline

Create any level headline.

  • [h=Option]Text[/h]
    Syntax
  • [h=2]Headline Level 2[/h]
    Beispiel
  • [h=2]Headline Level 2[/h]
    Ausgabe

Header

Create a link to an article in the Header namespace.

  • [header]Text[/header]
    Syntax
  • [header=Example]Click here to view this page![/header]
    Beispiel
  • [header=Example]Click here to view this page![/header]
    Ausgabe

Help

Link to Help articles about using the wiki.

  • [help]Text[/help]
    Syntax
  • [help=Contents]Link to Help[/help]
    Beispiel
  • [help=Contents]Link to Help[/help]
    Ausgabe

Horizontal Line

Creates a horizontal line spanning a width you specify.

  • [hr]Text[/hr]
    Syntax
  • [hr]100[/hr]
    Beispiel
  • [hr=]100[/hr]
    Ausgabe

Condition

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

Wiki Attachment Tag

Create a link to an article in the Bilder namespace.

  • [image]Text[/image]
    Syntax
  • [image=Example]Click here to view this page![/image]
    Beispiel
  • [image=Example]Click here to view this page![/image]
    Ausgabe

Include Only

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

Wiki Content Inclusion

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

iURL

  • [iURL=Option]Text[/iURL]
    Syntax
  • <a href="{option}" target="_blank" />{param}</a>
    Beispiel
  • <a href="{option}" target="_blank" />{param}</a>
    Ausgabe

No-Edit

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

No Include

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

No State

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

Only Include

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

Redirect

Redirects to another article.

  • [redirect]Text[/redirect]
    Syntax
  • [redirect]Redirect Page[/redirect]
    Beispiel
  • [redirect]Redirect Page[/redirect]
    Ausgabe

Reference List

Display the list of all footnotes for the current article.

  • [reflist]Text[/reflist]
    Syntax
  • [reflist][/reflist]
    Beispiel
  • [reflist=][/reflist]
    Ausgabe

Durchgestrichen

  • [S]Text[/S]
    Syntax
  • [s]Durchgestrichen[/s]
    Beispiel
  • Durchgestrichen
    Ausgabe

Show Threads

Lists threads with the most recent posts from the specified forum. Enter a forum ID to select the forum.

  • [showthreads]Text[/showthreads]
    Syntax
  • [showthreads]2[/showthreads]
    Beispiel
  • [showthreads=]2[/showthreads]
    Ausgabe

Span

Create a CSS-styled wrapper for your text.

  • [span]Text[/span]
    Syntax
  • [span] style="background-color: #ff0000" | Text in the wrapper. [/span]
    Beispiel
  • [span=] style="background-color: #ff0000" | Text in the wrapper. [/span]
    Ausgabe

Special

Quickly link to a Special Page.

  • [special]Text[/special]
    Syntax
  • [special=Specialpages]Specialpages[/special]
    Beispiel
  • [special=Specialpages]Specialpages[/special]
    Ausgabe

Spritmonitor

Gebe zwischen den Tags deine Spritmonitor-ID ein.

  • [sprit]Text[/sprit]
    Syntax
  • [sprit]12345[/sprit]
    Beispiel
  • Spritmonitor.de
    Ausgabe

Table

Create a table for data cells.

  • [table]Text[/table]
    Syntax
  • [table]hello[/table]
    Beispiel
  • [table=]hello[/table]
    Ausgabe

Template Inclusion Tag

Quickly insert a template into an article.

  • [template]Text[/template]
    Syntax
  • [template=Spoiler]Spoiler[/template]
    Beispiel
  • [template=Spoiler]Spoiler[/template]
    Ausgabe

Table of Contents

Insert the table of contents somewhere specific in the current article.

  • [toc]Text[/toc]
    Syntax
  • [toc][/toc]
    Beispiel
  • [toc=][/toc]
    Ausgabe

tt

  • [tt]Text[/tt]
    Syntax
  • [tt]text liste[/tt]
    Beispiel
  • text liste
    Ausgabe

Variable

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

Widget

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

Wiki

Create a link to an article in the Wissensdatenbank namespace.

  • [wiki]Text[/wiki]
    Syntax
  • [wiki=Example]Click here to view this page![/wiki]
    Beispiel
  • [wiki=Example]Click here to view this page![/wiki]
    Ausgabe