Filzrausch Filz-, Spinn-, Web- Forum

		Filzrausch Filz-, Spinn-, Web- Forum > Hilfe
BB-Code Liste

BB-Code
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
[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
[bgcol]	Hintergrund
[bookindex]	Inhaltsverzeichnis
[kommentar]	Kommentar
[tbcc]	Tabellen-Celle-center
[tbcl]	Tabellen-Celle-left
[tbcr]	Tabellen-Celle-right
[tbl]	Tabelle
[tblb]	Tabelle-Border
[tbz]	Tabellen-Zeile
[tpid]	Link zum Beitrag
[ttid]	Link zum Thema
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.
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 deines 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 kannst du die Ausrichtung deines 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 kannst du deinen 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 das Verlinken von E-Mail-Adressen. Mit einem zusätzlichen Parameter kannst du 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
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.
Syntax	[url]Text[/url] [url=Option]Text[/url]
Beispiel	[url]https://forum.filzrausch.de[/url] [url=https://forum.filzrausch.de]Filzrausch Filz-, Spinn-, Web- Forum[/url]
Ausgabe	https://forum.filzrausch.de Filzrausch Filz-, Spinn-, Web- Forum

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.
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.filzrausch.de/showthread.php?t=42918 Klick mich!

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.
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.filzrausch.de/showthread.php?p=269302#post269302 Klick mich!

Ungeordnete Listen
Mit dem einfachen [list] Tag kannst du 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 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.
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 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.
Syntax	[img]Text[/img]
Beispiel	[img]https://forum.filzrausch.de/images/statusicon/forum_new.gif[/img] (Kein Link) [url=http://www.example.com] [img]https://forum.filzrausch.de/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>[/code]

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]$myvar = 'Hello World!'; for ($i = 0; $i < 10; $i++) { echo $myvar . "\n"; }[/php]

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]<img src="image.gif" alt="image" /> <a href="testing.html" target="_blank">Testing</a>[/html]

Zitat
Mit dem [quote] Tag kannst du 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;53153]Lorem ipsum dolor sit amet[/quote]
Ausgabe	[quote]Lorem ipsum dolor sit amet[/quote] [quote=John Doe]Lorem ipsum dolor sit amet[/quote] [quote=John Doe;53153]Lorem ipsum dolor sit amet[/quote]

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

Hintergrund
Hintergrund verändern
Syntax	[bgcol=Option]Text[/bgcol]
Beispiel	[bgcol=#ff9999] Text mit eingefärbtem Hintergrund [/bgcol]
Ausgabe	Text mit eingefärbtem Hintergrund

Inhaltsverzeichnis
Text ist Inhaltsverzeichnis
Syntax	[bookindex]Text[/bookindex]
Beispiel	[bookindex]Dies ist mein Buchindex[/bookindex]
Ausgabe	[bookindex]Dies ist mein Buchindex[/bookindex]

Kommentar
TEXT als Kommentar kennzeichnen
Syntax	[kommentar]Text[/kommentar]
Beispiel	[kommentar]Dies ist meine Meinung[/kommentar]
Ausgabe	[kommentar]Dies ist meine Meinung[/kommentar]

Tabellen-Celle-center
Celle zentiert
Syntax	[tbcc]Text[/tbcc]
Beispiel	[tbcc]Celle zentriert[/tbcc]
Ausgabe	[tbcc]Celle zentriert[/tbcc]

Tabellen-Celle-left
Celle links
Syntax	[tbcl]Text[/tbcl]
Beispiel	[tbcl]Celle links[/tbcl]
Ausgabe	[tbcl]Celle links[/tbcl]

Tabellen-Celle-right
Celle rechts
Syntax	[tbcr]Text[/tbcr]
Beispiel	[tbcr]Celle rechts[/tbcr]
Ausgabe	[tbcr]Celle rechts[/tbcr]

Tabelle
Tabelle
Syntax	[tbl]Text[/tbl]
Beispiel	[tbl]Tabelle[/tbl]
Ausgabe	[tbl]Tabelle[/tbl]

Tabelle-Border
Tabelle-Border
Syntax	[tblb]Text[/tblb]
Beispiel	[tblb]Tabelle-Border[/tblb]
Ausgabe	[tblb]Tabelle-Border[/tblb]

Tabellen-Zeile
Zeile
Syntax	[tbz]Text[/tbz]
Beispiel	[tbz]Zeile[/tbz]
Ausgabe	[tbz]Zeile[/tbz]

Link zum Beitrag
Link zum einem Beitrag nur Nr. angeben
Syntax	[tpid=Option]Text[/tpid]
Beispiel	[tpid=2][/tpid]
Ausgabe	[tpid=2][/tpid]

Link zum Thema
Link zu einem Thema nur Nr. angeben
Syntax	[ttid=Option]Text[/ttid]
Beispiel	[ttid=2][/ttid]
Ausgabe	[ttid=2][/ttid]

Alle Zeitangaben in WEZ +2. Es ist jetzt 02:01 Uhr.