BB-Code |
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 |
[b], [i], [u] |
Fett / Kursiv / Unterstrichen |
[color] |
Farbe |
[size] |
Größe |
[font] |
Schriftart |
[highlight] |
Hervorheben |
[left], [right], [center] |
Linksbündig / Rechtsbündig / Zentriert |
[indent] |
Eingerückt |
[email] |
E-Mail-Links erstellen |
[url] |
Hyperlinks erstellen |
[thread] |
Verweis auf ein Thema |
[post] |
Verweis auf einen Beitrag |
[list] |
Ungeordnete Listen / Geordnete Listen |
[img] |
Grafiken |
[code] |
Code |
[php] |
PHP-Code |
[html] |
HTML-Code |
[quote] |
Zitat |
[noparse] |
BB-Code Umwandlung verhindern |
[attach] |
Anhang |
[box-fehler] |
Box-Fehler |
[box-hilfe] |
Box-Hilfe |
[box-info] |
Box-Info |
[box-warnung] |
Box-Warnung |
[col-2] |
Zweispaltiger Inhalt |
[col-3] |
Dreispaltiger Inhalt |
[col-4] |
Vierspaltiger Inhalt |
[dash] |
Gestrichelte Box |
[ei] |
Osterei |
[fragebogen] |
Fragebogen |
[geb] |
Geboren |
[gef] |
Gefallen |
[gest] |
Gestorben |
[get] |
Getauft |
[hr] |
Trennlinie |
[line-top] |
Überstrich |
[scroll] |
Scrollbox |
[spoiler] |
Spoiler |
[strike] |
Durchgestrichen |
[sub] |
Tiefstellung |
[sup] |
Hochstellung |
[tab] |
Tab |
[tooltip] |
Tooltip |
[verh] |
Verheiratet |
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. |
Syntax |
[b]Text[/b]
[i]Text[/i]
[u]Text[/u]
|
Beispiel |
[b]dieser Text ist fett[/b]
[i]dieser Text ist kursiv[/i]
[u]dieser Text ist unterstrichen[/u]
|
Ausgabe |
dieser Text ist fett
dieser Text ist kursiv
dieser Text ist unterstrichen
|
Farbe |
Mit dem [color] Tag kann die Textfarbe geändert werden. |
Syntax |
[color=Option]Text[/color] |
Beispiel |
[color=blue]dieser Text ist blau[/color] |
Ausgabe |
dieser Text ist blau |
Größe |
Mit dem [size] Tag kann die Textgröße geändert werden. |
Syntax |
[size=Option]Text[/size] |
Beispiel |
[size=+2]dieser Text ist zwei Größen größer als normal[/size] |
Ausgabe |
dieser Text ist zwei Größen größer als normal |
Schriftart |
Mit dem [font] Tag kann die Schriftart Ihres Textes geändert werden. |
Syntax |
[font=Option]Text[/font] |
Beispiel |
[font=courier]dieser Text verwendet die Courier-Schriftart[/font] |
Ausgabe |
dieser Text verwendet die Courier-Schriftart |
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 |
Linksbündig / Rechtsbündig / Zentriert |
Mit den [left], [right] und [center] Tags können Sie die Ausrichtung Ihres Textes festlegen. |
Syntax |
[left]Text[/left]
[center]Text[/center]
[right]Text[/right]
|
Beispiel |
[left]dieser Text ist linksbündig[/left]
[center]dieser Text ist zentriert[/center]
[right]dieser Text ist rechtsbündig[/right]
|
Ausgabe |
dieser Text ist linksbündig
dieser Text ist zentriert
dieser Text ist rechtsbündig
|
Eingerückt |
Mit dem [indent] Tag können Sie Ihren Text einrücken. |
Syntax |
[indent]Text[/indent] |
Beispiel |
[indent]dieser Text ist eingerückt[/indent] |
Ausgabe |
dieser Text ist eingerückt
|
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. |
Syntax |
[email]Text[/email]
[email=Option]Text[/email]
|
Beispiel |
[email]j.doe@example.com[/email]
[email=j.doe@example.com]Schreib mir eine E-Mail[/email]
|
Ausgabe |
j.doe@example.com
Schreib mir eine E-Mail
|
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. |
Syntax |
[url]Text[/url]
[url=Option]Text[/url]
|
Beispiel |
[url]https://forum.ahnenforschung.net[/url]
[url=https://forum.ahnenforschung.net]Ahnenforschung.Net Forum[/url]
|
Ausgabe |
https://forum.ahnenforschung.net
Ahnenforschung.Net Forum
|
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. |
Syntax |
[thread]Thread-ID[/thread]
[thread=Thread-ID]Text[/thread]
|
Beispiel |
[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.)
|
Ausgabe |
https://forum.ahnenforschung.net/showthread.php?t=42918
Klick mich!
|
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. |
Syntax |
[post]Post-ID[/post]
[post=Post-ID]Text[/post]
|
Beispiel |
[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.)
|
Ausgabe |
https://forum.ahnenforschung.net/showthread.php?p=269302#post269302
Klick mich!
|
Ungeordnete Listen |
Mit dem einfachen [list] Tag können Sie ungeordnete Listen erstellen. Jeder Eintrag in dieser Liste beginnt mit dem [*] Tag. |
Syntax |
[list]Text[/list] |
Beispiel |
[list] [*]erster Eintrag [*]zweiter Eintrag [/list] |
Ausgabe |
- erster Eintrag
- zweiter Eintrag
|
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. |
Syntax |
[list=Option]Text[/list] |
Beispiel |
[list=1] [*]erster Eintrag [*]zweiter Eintrag [/list]
[list=a] [*]erster Eintrag [*]zweiter Eintrag [/list] |
Ausgabe |
- erster Eintrag
- zweiter Eintrag
- erster Eintrag
- zweiter Eintrag
|
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. |
Syntax |
[img]Text[/img] |
Beispiel |
[img]https://forum.ahnenforschung.net/images/statusicon/forum_new.gif[/img] (Kein Link)
[url=http://www.example.com] [img]https://forum.ahnenforschung.net/images/statusicon/forum_new.gif[/img] [/url] (Link)
|
Ausgabe |
(Kein Link)
(Link)
|
Code |
Das [code] Tag zeigt den Text in einer nichtproportionalen Schrift (Monospace Font) an und erhält damit Textformatierungen, wie z.B. Leerzeichen. |
Syntax |
[code]Text[/code] |
Beispiel |
[code]
<script type="text/javascript">
<!--
alert("Hello world!");
//-->
</script>
[/code] |
Ausgabe |
Code:
<script type="text/javascript">
<!--
alert("Hello world!");
//-->
</script>
|
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. |
Syntax |
[php]Text[/php] |
Beispiel |
[php]
$myvar = 'Hello World!';
for ($i = 0; $i < 10; $i++)
{
echo $myvar . "\n";
}
[/php] |
Ausgabe |
PHP-Code:
$myvar = 'Hello World!'; for ($i = 0; $i < 10; $i++) { echo $myvar . "\n"; }
|
HTML-Code |
Das [html] Tag ermöglicht eine farbliche Hervorhebung (Syntax Highlighting) von HTML-Code. |
Syntax |
[html]Text[/html] |
Beispiel |
[html] <img src="image.gif" alt="image" /> <a href="testing.html" target="_blank">Testing</a> [/html] |
Ausgabe |
HTML-Code:
<img src="image.gif" alt="image" />
<a href="testing.html" target="_blank">Testing</a>
|
Zitat |
Mit dem [quote] Tag können Sie Texte fremder Herkunft zitieren. |
Syntax |
[quote]Zitat[/quote]
[quote=Benutzername]Text[/quote]
|
Beispiel |
[quote]Lorem ipsum dolor sit amet[/quote]
[quote=John Doe]Lorem ipsum dolor sit amet[/quote]
[quote=John Doe;1582369]Lorem ipsum dolor sit amet[/quote]
|
Ausgabe |
Zitat:
Lorem ipsum dolor sit amet
|
Zitat:
Zitat von John Doe
Lorem ipsum dolor sit amet
|
Zitat:
Zitat von John Doe
Lorem ipsum dolor sit amet
|
|
BB-Code Umwandlung verhindern |
Mit dem [noparse] Tag kann verhindert werden, dass BB-Code innerhalb des [noparse] Tags zur Textformatierung umgewandelt wird. |
Syntax |
[noparse][b]Text[/b][/noparse]
|
Beispiel |
[noparse][b]Lorem ipsum dolor sit amet[/b][/noparse]
|
Ausgabe |
[b]Lorem ipsum dolor sit amet[/b]
|
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. |
Syntax |
[attach]attachmentid[/attach]
|
Beispiel |
[attach]12345[/attach]
|
Ausgabe |
|
Box-Fehler |
Stellt den Text optisch als Fehlermeldung mit Umrandung und Symbol dar. |
Syntax |
[box-fehler]Text[/box-fehler] |
Beispiel |
[box-fehler]Fehler: 5 + 3 ist nicht 9.[/box-fehler] |
Ausgabe |
Fehler: 5 + 3 ist nicht 9. |
Box-Hilfe |
Stellt den Text optisch als Nachfrage oder Hilfetext mit Umrandung und Symbol dar. |
Syntax |
[box-hilfe]Text[/box-hilfe] |
Beispiel |
[box-hilfe]Upload fehlgeschlagen? Bitten Sie einen Moderator um Hilfe.[/box-hilfe] |
Ausgabe |
Upload fehlgeschlagen? Bitten Sie einen Moderator um Hilfe. |
Box-Info |
Stellt den Text optisch als Hinweis-/Erklärungstext mit Umrandung und Symbol dar. |
Syntax |
[box-info]Text[/box-info] |
Beispiel |
[box-info]Wichtig: Im Dualsystem ergibt 10 + 11 = 101.[/box-info] |
Ausgabe |
Wichtig: Im Dualsystem ergibt 10 + 11 = 101. |
Box-Warnung |
Stellt den Text optisch als Warnung mit Umrandung und Symbol dar. |
Syntax |
[box-warnung]Text[/box-warnung] |
Beispiel |
[box-warnung]Achtung! Das Thema wird in drei Tagen gelöscht.[/box-warnung] |
Ausgabe |
Achtung! Das Thema wird in drei Tagen gelöscht. |
Zweispaltiger Inhalt |
Spaltendarstellung, z.B. für längere Auflistungen. |
Syntax |
[col-2]Text[/col-2] |
Beispiel |
[col-2]Dieser Inhalt erscheint automatisch verteilt in (maximal) zwei Spalten. Ob und wie viele Spalten tatsächlich dargestellt werden, hängt vom Browser und der Größe des Textfeldes ab.[/col-2] |
Ausgabe |
Dieser Inhalt erscheint automatisch verteilt in (maximal) zwei Spalten. Ob und wie viele Spalten tatsächlich dargestellt werden, hängt vom Browser und der Größe des Textfeldes ab. |
Dreispaltiger Inhalt |
Spaltendarstellung, z.B. für längere Auflistungen. |
Syntax |
[col-3]Text[/col-3] |
Beispiel |
[col-3]Dieser Inhalt erscheint automatisch verteilt in (maximal) drei Spalten. Ob und wie viele Spalten tatsächlich dargestellt werden, hängt vom Browser und der Größe des Textfeldes ab.[/col-3] |
Ausgabe |
Dieser Inhalt erscheint automatisch verteilt in (maximal) drei Spalten. Ob und wie viele Spalten tatsächlich dargestellt werden, hängt vom Browser und der Größe des Textfeldes ab. |
Vierspaltiger Inhalt |
Spaltendarstellung, z.B. für längere Auflistungen. |
Syntax |
[col-4]Text[/col-4] |
Beispiel |
[col-4]Dieser Inhalt erscheint automatisch verteilt in (maximal) vier Spalten. Ob und wie viele Spalten tatsächlich dargestellt werden, hängt vom Browser und der Größe des Textfeldes ab.[/col-4] |
Ausgabe |
Dieser Inhalt erscheint automatisch verteilt in (maximal) vier Spalten. Ob und wie viele Spalten tatsächlich dargestellt werden, hängt vom Browser und der Größe des Textfeldes ab. |
Gestrichelte Box |
Zeichnet um den Inhalt eine Box mit strichliertem Rand. |
Syntax |
[dash]Text[/dash] |
Beispiel |
[dash]Box mit gestricheltem Rahmen.[/dash] |
Ausgabe |
Box mit gestricheltem Rahmen. |
Osterei |
Fügt ein Osterei ein. (Wird nur fürs Ostereiersuchen benötigt.) |
Syntax |
[ei]Text[/ei] |
Beispiel |
[ei]A[/ei] |
Ausgabe |
A |
Fragebogen |
|
Syntax |
[fragebogen]Text[/fragebogen] |
Beispiel |
[fragebogen]Hilfe gelesen: ja[/fragebogen] |
Ausgabe |
Hilfe gelesen: ja |
Geboren |
Datum und/oder Ort der Geburt |
Syntax |
[geb]Text[/geb] |
Beispiel |
[geb]12.05.1832[/geb] |
Ausgabe |
* 12.05.1832 |
Gefallen |
Gefallen (Datum und/oder Ort) |
Syntax |
[gef]Text[/gef] |
Beispiel |
[gef]12.05.1832[/gef] |
Ausgabe |
⚔ 12.05.1832 |
Gestorben |
Sterbedatum und/oder -ort |
Syntax |
[gest]Text[/gest] |
Beispiel |
[gest]12.05.1832[/gest] |
Ausgabe |
† 12.05.1832 |
Getauft |
Datum und/oder Ort der Taufe |
Syntax |
[get]Text[/get] |
Beispiel |
[get]12.05.1832[/get] |
Ausgabe |
~ 12.05.1832 |
Trennlinie |
Fügt eine Trennlinie ein. |
Syntax |
[hr]Text[/hr] |
Beispiel |
[hr]#FF0000[/hr] |
Ausgabe |
|
Überstrich |
Zeichnet über dem so gekennzeichneten Text eine Linie. |
Syntax |
[line-top]Text[/line-top] |
Beispiel |
T[line-top]es[/line-top]t |
Ausgabe |
Test |
Scrollbox |
|
Syntax |
[scroll]Text[/scroll] |
Beispiel |
[scroll]scrollbarer Bereich[/scroll] |
Ausgabe |
scrollbarer Bereich |
Spoiler |
Erstellt Text in der Hintergrundfarbe, so dass dieser erst durch Markierung sichtbar wird. Eignet sich zur Erstellung von Text, den der Forennutzer nicht sofort lesen kann. |
Syntax |
[spoiler]Text[/spoiler] |
Beispiel |
[spoiler]Geheimer Text[/spoiler] |
Ausgabe |
Geheimer Text |
Durchgestrichen |
Stellt Text durchgestrichen dar, z.B. um Textänderungen kenntlich zu machen, den ursprünglich Text aber beizubehalten. |
Syntax |
[strike]Text[/strike] |
Beispiel |
[strike]durchgestrichen[/strike] |
Ausgabe |
durchgestrichen |
Tiefstellung |
Markiert einen Text als tiefgestellt. |
Syntax |
[sub]Text[/sub] |
Beispiel |
F[sub]g[/sub] = m * a |
Ausgabe |
Fg = m * a |
Hochstellung |
Markiert einen Text als hochgestellt. |
Syntax |
[sup]Text[/sup] |
Beispiel |
2[sup]3[/sup] = 8 |
Ausgabe |
23 = 8 |
Tab |
Fügt Textinhalt mit bestimmter Breite (Spalte) ein. |
Syntax |
[tab=Option]Text[/tab] |
Beispiel |
[tab=15]Eintrag mit 15 em Abstand[/tab] |
Ausgabe |
Eintrag mit 15 em Abstand |
Tooltip |
|
Syntax |
[tooltip=Option]Text[/tooltip] |
Beispiel |
[tooltip=Erklärung zum Text]Text[/tooltip] |
Ausgabe |
Text |
Verheiratet |
Datum und/oder Ort der Heirat |
Syntax |
[verh]Text[/verh] |
Beispiel |
[verh]12.05.1832[/verh] |
Ausgabe |
∞ 12.05.1832 |
Alle Zeitangaben in WEZ +1. Es ist jetzt 10:18 Uhr.