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
  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 ein Thema
  11. Verweis auf einen Beitrag
  12. Ungeordnete Listen / Geordnete Listen
  13. Grafiken
  14. Videos
  15. Code
  16. PHP-Code
  17. HTML-Code
  18. Zitat
  19. BB-Code Umwandlung verhindern
  20. Anhang
  21. Beitragsanker (ziel)
  22. Beitragsanker (link)
  23. BB-Code für Countdown
  24. Editinfo einfügen
  25. edit-sig
  26. Trennlinie
  27. Bild mit rechtsumlaufendem Text
  28. Off-Topic
  29. Zitat mit Quellenangabe
  30. Rahmen um Text
  31. Suchergebnis verlinken
  32. Wichtiger Hinweis
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.

    • [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

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.

    • [url]Text[/url]
    • [url=Option]Text[/url]
    Syntax
    • [url]http://www.zafira-forum.de[/url]
    • [url=http://www.zafira-forum.de]Zafira Forum[/url]
    Beispiel
  • Ausgabe

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

Beitragsanker (ziel)

Mit diesem Link lassen sich Anker im Beitrag erstellen. Ein Anker ist eine Markierung im Text, welche als "Link" behandelt wird. DIES hier ist das ZIEL für den "ankerto"-Code!

  • [anker]Text[/anker]
    Syntax
  • [anker]ziel1[/anker]
    Beispiel
  • Ausgabe

Beitragsanker (link)

Mit diesem Code kann man den Anker verlinken. In die erste Klammer hinter "=" den jeweiligen Anker angeben (z.B.: "ziel1") und zwischen die beiden Tags einen Namen für den Link einfügen.

  • [ankerto=Option]Text[/ankerto]
    Syntax
  • [ankerto=ziel1]Link zum ersten Anker[/ankerto]
    Beispiel
  • Ausgabe

BB-Code für Countdown

Mit diesem Code kann ein Countdown eingefügt werden. Als Option muss der Zieltag nach diesem Muster angegeben werden -> oct 18, 2019, 17:55:46 Als Parameter wird der Text unterhalb der ablaufenden Zeit eingegeben.

  • [count=Option]Text[/count]
    Syntax
  • [count=oct 18, 2019, 17:55:46]bis Neujahr[/count]
    Beispiel
  • Tage Std. Min. Sek. ...
    ...bis Neujahr
    Ausgabe

Editinfo einfügen

Hat man seinen Beitrag editiert, so kann man hiermit kennzeichnen, ab wo der Beitrag überarbeitet wurde. In den Tag bitte die Zahl eintragen, zum wievielten mal der Beitrag editiert wurde!

  • [e]Text[/e]
    Syntax
  • [e]1[/e]
    Beispiel
  • 1. EDIT :
    (Folgender Text wurde nachträglich geschrieben)
    Ausgabe

edit-sig

Fügt einen roten Rahmen um einen Text im Beitrag ein

  • [es]Text[/es]
    Syntax
  • [es]Benutzername[/es]
    Beispiel

  • Signaturinhalt editiert:
    Deine Signatur entspricht leider nicht den Boardregeln!
    Du wirst vom Zafira-Team gebeten, deine Signatur den Nutzungsbedingungen ( Punkt 2.4 ) entsprechend anzupassen.

    MfG Benutzername
    Ausgabe

Trennlinie

Fügt eine horizontale Linie ein, wobei für die breite der Linie ein Zahlenwert in die erste Klammern ("hr=20" => 20%) gesetzt werden kann.

  • [hr=Option]Text[/hr]
    Syntax
  • [hr]20[/hr]
    Beispiel

  • 20
    Ausgabe

Bild mit rechtsumlaufendem Text

Hiermit kann man ein Bild in eigene Beiträge einfügen, welches vom Text rechts umlaufen wird. Hierzu zwischen die beiden Tags (imgr) die Url zur Grafik angeben, und danach einfach den Text schreiben, welcher das Bild umlaufen soll.

  • [imgr]Text[/imgr]
    Syntax
  • [imgr]http://www.zafira-forum.de/traffic-diebstahl.gif[/imgr]Text als Beispiel wie er rechts um eine Grafik läuft, ich hoffe, das diese Funktion an Hand des Bildes und dem Text verständlich ist, oder?
    Beispiel
  • Text als Beispiel wie er rechts um eine Grafik läuft, ich hoffe, das diese Funktion an Hand des Bildes und dem Text verständlich ist, oder?
    Ausgabe

Off-Topic

Wer in einem TOPIC-Forum in seinem Beitrag etwas nicht zum Thema passendes los werden muss, der kann durch diesen Code seinen Text "in den Hintergrund" rücken. Hierzu den Text einfach zwischen die beiden Tags (OT) schreiben.

  • [ot]Text[/ot]
    Syntax
  • [ot] Off-Topic Text [/ot]
    Beispiel
  • Off-Topic:

    Off-Topic Text
    Ausgabe

Zitat mit Quellenangabe

Um ein Zitat von einer anderen Webpräsenz hier im Forum einzufügen, das Zitat in diesen bbCode packen, wobei in der ersten Klammer nach dem "=" der Link zur Quelle (inkl. "http://") stehen muss.

  • [quelle=Option]Text[/quelle]
    Syntax
  • [quelle=www.test.de]dies ist der zitierte Text[/quelle]
    Beispiel

  • zitierter Text einer anderen Webpräsenz (siehe Quellennachweis)
    dies ist der zitierte Text
    Quellennachweis und weitere Informationen
    www.test.de
    Ausgabe

Rahmen um Text

  • [rt]Text[/rt]
    Syntax
  • [rt]Benutzername[/rt]
    Beispiel
  • Benutzername
    Ausgabe

Suchergebnis verlinken

Zwischen die Tags einen Suchbegriff eingeben.

  • [suche]Text[/suche]
    Syntax
  • [suche]Suchbegriff[/suche]
    Beispiel
  • >> Suchbegriff: "Suchbegriff" <<
    Ausgabe

Wichtiger Hinweis

  • [w]Text[/w]
    Syntax
  • [w]Hier den hervorzuhebenden Text einfügen[/w]
    Beispiel

  • Wichtiger Hinweis:
    Hier den hervorzuhebenden Text einfügen
    Ausgabe

Texte, Beiträge sowie Anleitungen welche hier veröffentlicht werden sind geistiges Eigentum des Verfassers.
Das Verwenden dieser Texte ist nur mit Genehmigung des Autors erlaubt!
Beiträge stellen keine Rechtsberatung dar oder ersetzen diese, sondern geben stets nur die eigene Auffassung, Meinung oder Erfahrung des Autors wieder.
Für Schäden die auf Grund "des Nachbaus" diverser Anleitungen erfolgen wird keine Haftung übernommen!
Diese Webpräsentation ist kein Bestandteil der “Adam Opel AG”, sondern Bestandteil des "Opel Zafira"-Clubs.
Der Opel-Zafira-Club ist ein bei der Opel-Clubbetreuung gemeldeter, und von dieser anerkannter, Opel-Club.