BB-Code

Erklärung

BB-Code ist eine an HTML angelehnte Auszeichnungssprache. Mit ihm können Sie 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 Sie BB-Code verwenden dürfen, kann vom Administrator für jedes einzelne Forum eingeschränkt werden - überprüfen Sie deshalb die Foren-Regeln, bevor Sie einen neuen Beitrag verfassen.

Anbei finden Sie eine Liste von BB-Code Tags, welche Sie verwenden können, um Ihren Beitrag zu formatieren.

BB-Code Liste

  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. Externer Link
    [extlink]
  22. MeinTitelTag
    [hhinweis]
  23. Hyperlink
    [hlink]
  24. Deine IP
    [ip]
  25. Logo für News
    [logo]
  26. Newsbreaker
    [NEWSBREAK]
  27. Durchgestrichen
    [strike]
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 können Sie 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 Ihres 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 können Sie die Ausrichtung Ihres 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 können Sie Ihren 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 Ihnen das Verlinken von E-Mail-Adressen. Mit einem zusätzlichen Parameter können Sie außerdem einen Namen für den Link angeben.

Hyperlinks erstellen

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

Verweis auf ein Thema

Der [thread] Tag ermöglicht Ihnen das Verlinken eines bestimmten Themas mit Hilfe der Thread-ID. Mit einem zusätzlichen Parameter können Sie 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 können Sie auf bestimmte Beiträge verweisen, indem Sie einfach die Post-ID des Beitrags angeben. Wenn Sie die Post-ID als Parameter verwenden, können Sie dem Verweis auch eine Bezeichnung geben.

Ungeordnete Listen

Mit dem einfachen [list] Tag können Sie 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 können Sie 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 können Sie Grafiken in Ihren Beiträgen einbinden. Sie können diesen BB-Code auch mit dem [url] Tag verbinden und somit eine Grafik als Link darstellen.

  • [img]Text[/img]
    Syntax
    • [img]https://www.compusoft.li/images/style/rbc_unlimited/statusicon/forum_new-48.png[/img] (Kein Link)
    • [url=http://www.example.com] [img]https://www.compusoft.li/images/style/rbc_unlimited/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 können Sie 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;16800]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

Externer Link

Wenn man den BBCode extlink benutzt, wird eine kleine Grafik angezeigt, welche einem darauf hinweist, das der anschliessende Link, ein externer Link ist. Externer Link

  • [extlink]Text[/extlink]
    Syntax
  • [extlink]extlink[/extlink]
    Beispiel
  • Externer Link
    Ausgabe

MeinTitelTag

Der html code {param} Pfad zur Grafik images/editor/imgl.gif Option verwenden ja da ich ins popup den Titeltext direkt eingeben.

  • [hhinweis=Option]Text[/hhinweis]
    Syntax
  • [hhinweis]{param}[/hhinweis]
    Beispiel
  • [hhinweis]{param}[/hhinweis]
    Ausgabe

Hyperlink

Dies ist der HTML-Code welcher den BB-Code des Benutzers ersetzt. Achten Sie darauf, dass Sie immer '{param}' (ohne die Anführungszeichen) zwischen das öffnende und schließende BB-Code Tag einfügen und '{option}' für den Parameter innerhalb des BB-Code Tags. '{option}' kann nur benutzt werden, wenn 'Parameter im BB-Code Tag benutzen' auf 'ja' gesetzt ist. [b]Mein Text[/b] wird zu Mein Text. Um diesen Tag zu erstellen, geben Sie {param} ein. Falls Sie einen Tag ähnlich dem URL-Code erstellen wollen, verwenden Sie {option}. Der URL-Code wird wie folgt verwendet: [url]http://www.beispielt.test[/url] wird zu http://www.beispielt.test/ Kann aber auch so verwendet werden: [url=http://www.beispielt.test/]Meine Seite[/url] wird zu: Meine Seite Das sind zwei unterschiedliche Tags mit dem selben Code, welche jedoch für Ihre Benutzer eine Erleichterung darstellen. Um den ersten Tag zu erstellen, geben Sie das ein: {param} für den zweiten, geben Sie das ein: {param} Falls Sie Optionen verwenden, bedeutet Optionen eingegebener Code in den Tags, zB für www.beispielt.test heißt das: [url=www.beispielt.test] {param} wurde eingegeben zwischen Tags, e.g. Meine Seite ist: [url=www.beispielt.test]Meine Seite[/url] '{param}' muss immer benutzt werden, '{option}' hingegen nur, wenn 'Parameter im BB-Code Tag benutzen' auf 'ja' gesetzt ist.

  • [hlink=Option]Text[/hlink]
    Syntax
  • [url=https://www.compusoft.li]Compusoft Board[/url]
    Beispiel
  • Compusoft Board
    Ausgabe

Deine IP

Durch einfügen dieses BBCodes wird die IP Adresse des Besuchers angezeigt.

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

Logo für News

Für Logos auf der linken Seite wäre dies entsprechend:
News Logo
Im Beispiel: microsoft wird das Logo Microsoft aus /images/microsoft.png angezeigt
News Logo

  • [logo]Text[/logo]
    Syntax
  • [logo]microsoft[/logo]
    Beispiel
  • microsoft news
    Ausgabe

Newsbreaker

Mit dem Newsbreaker kann der Text im vBCMS Newsmodul abgeschnitten werden. Ab dem Punkt wo der BBCode eingefügt wird, wird kein weiterer Text mehr angezeigt.

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

Durchgestrichen

Du kannst mit diesem BBCode inkludierten Text durchgestrichen anzeigen. [srike]Dieser Text ist durchgestrichen[/strike]

  • [strike]Text[/strike]
    Syntax
  • [strike]Dieser Text ist durchgestrichen[/strike]
    Beispiel
  • Dieser Text ist durchgestrichen
    Ausgabe