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.
Anbei finden Sie eine Liste von BB-Code Tags, welche Sie verwenden können, um Ihren Beitrag zu formatieren.
BB-Code Liste
-
Fett / Kursiv / Unterstrichen
-
Farbe
-
Größe
-
Schriftart
-
Hervorheben
-
Linksbündig / Rechtsbündig / Zentriert
-
Eingerückt
-
E-Mail-Links erstellen
-
Hyperlinks erstellen
-
Verweis auf ein Thema
-
Verweis auf einen Beitrag
-
Ungeordnete Listen / Geordnete Listen
-
Grafiken
-
Videos
-
Code
-
PHP-Code
-
HTML-Code
-
Zitat
-
BB-Code Umwandlung verhindern
-
Anhang
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 blauAusgabe
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 normalAusgabe
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-SchriftartAusgabe
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ündigdieser Text ist zentriertdieser Text ist rechtsbündigAusgabe
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ücktAusgabe
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]https://www.digicube.de/forum[/url]
- [url=https://www.digicube.de/forum]Digicube Garten[/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]
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.
-
- [post]Post-ID[/post]
- [post=Post-ID]Text[/post]
Syntax -
- [post]269302[/post]
- [post=269302]Klick mich![/post]
Beispiel -
Ausgabe
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 -
- erster Eintrag
- zweiter Eintrag
- erster Eintrag
- zweiter Eintrag
- erster Eintrag
- 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.digicube.de/forum/images/statusicon/forum_new-48.png[/img] (Kein Link)
- [url=http://www.example.com] [img]https://www.digicube.de/forum/images/statusicon/forum_new-48.png[/img] [/url] (Link)
Beispiel -
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;632564]Lorem ipsum dolor sit amet[/quote]
Beispiel -
Ausgabe
Hervorheben
Mit dem [highlight] Tag können Textstellen besonders hervorgehoben werden.
-
Syntax[highlight]Text[/highlight]
-
Beispiel[highlight]dieser Text ist hervorgehoben[/highlight]
-
Ausgabedieser Text ist hervorgehoben