BB-Code

Erklärung

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

  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. Acronym
  22. Admin
  23. Alert
  24. Attention
  25. Background Color
  26. Blink
  27. col
  28. Download Box
  29. Double Underline
  30. fieldset
  31. Flash
  32. Nazia's FLV Player
  33. Google Video
  34. Help
  35. iFrame
  36. Float Left
  37. Float Right
  38. Image with reflection
  39. Information
  40. iType
  41. Flash Led Scroller BBcode
  42. Marquee
  43. Mod
  44. MP3
  45. NoSelect
  46. note
  47. Notice
  48. Off-Topic
  49. PDF Online
  50. Password Box
  51. Rainbow
  52. Spoiler
  53. Spoiler 2
  54. Strike Through
  55. tech
  56. Tech-Admin
  57. Latex
  58. Textarea
  59. Title
  60. Thumbnail
  61. tw
  62. two
  63. twu
  64. Warning
  65. wiki
  66. YouTube
  67. Zensur
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.

    • [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 deines 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 kannst du die Ausrichtung deines 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 kannst du deinen 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 das Verlinken von E-Mail-Adressen. Mit einem zusätzlichen Parameter kannst du 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

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.

    • [url]Text[/url]
    • [url=Option]Text[/url]
    Syntax
    • [url]http://www.schwufo.com/forum[/url]
    • [url=http://www.schwufo.com/forum]schwufo.com[/url]
    Beispiel
  • Ausgabe

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.

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

Ungeordnete Listen

Mit dem einfachen [list] Tag kannst du 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 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.

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

  • [img]Text[/img]
    Syntax
    • [img]http://www.schwufo.com/forum/images/statusicon/forum_new-48.png[/img] (Kein Link)
    • [url=http://www.example.com] [img]http://www.schwufo.com/forum/images/statusicon/forum_new-48.png[/img] [/url] (Link)
    Beispiel
    • (Kein Link)
    • (Link)
    Ausgabe

Videos

Mit dem [video] Tag kannst du Videos von verschiedenen Videoquellen in deinen 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 kannst du 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;210133]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

Acronym

Makes text popup when you hover over selected text.

  • [acronym=Option]Text[/acronym]
    Syntax
  • [acronym=pretty neat huh?]Hover for message[/acronym]
    Beispiel
  • Hover for message
    Ausgabe

Admin

administrator's warning!

  • [admin]Text[/admin]
    Syntax
  • [admin]Bitte hier den Hinweis eingeben![/admin]
    Beispiel
  • Hinweis des Administrators:
    Bitte hier den Hinweis eingeben!
    Ausgabe

Alert

Adds a user definable dialogue box on mouseover.

  • [alert=Option]Text[/alert]
    Syntax
  • [alert=This is an alert.]Alert[/alert]
    Beispiel
  • Ausgabe

Attention

Places an Attention box.

  • [attention]Text[/attention]
    Syntax
  • [attention]content[/attention]
    Beispiel
  • attention

    Achtung

    content



    Ausgabe

Background Color

Adds background color to your posts.

  • [bgcolor=Option]Text[/bgcolor]
    Syntax
  • [bgcolor=red]text goes here[/bgcolor]
    Beispiel
  • text goes here
    Ausgabe

Blink

Blinking text

  • [blink]Text[/blink]
    Syntax
  • [blink]Example[/blink]
    Beispiel
  • Example
    Ausgabe

col

Column: [col]collumn1|collumn2[/col]

  • [col=Option]Text[/col]
    Syntax
  • [col]{TEXT1}|{TEXT2}[/col]
    Beispiel
  • [col]{TEXT1}|{TEXT2}[/col]
    Ausgabe

Download Box

Put your link(s) in a custom box.

  • [down]Text[/down]
    Syntax
  • [down]http://www.schwufo.com/schwufo-logo.jpg[/down]
    Beispiel
  •      
     

    http://www.schwufo.com/schwufo-logo.jpg

     
    Ausgabe

Double Underline

  • [DU]Text[/DU]
    Syntax
  • [DU]There should be 2lines under this..[/DU]
    Beispiel
  • There should be 2lines under this..
    Ausgabe

fieldset

Allows users to use [fieldset]

  • [fieldset=Option]Text[/fieldset]
    Syntax
  • [fieldset=hello]fieldset![/fieldset]
    Beispiel
  • hellofieldset!
    Ausgabe

Flash

Flash Movies in Beiträge

  • [flash]Text[/flash]
    Syntax
  • [flash]http://netmicro2.org/files/gay.swf[/flash]
    Beispiel
  • Ausgabe

Nazia's FLV Player

  • [FLV]Text[/FLV]
    Syntax
  • [FLV]http://www.schwufo.com/flv/schwules-blut.flv[/FLV]
    Beispiel
  • Get the Flash Player to see this player.
    Ausgabe

Google Video

Allows you to display Google videos. Simply add the video ID inside the tag.

  • [gv]Text[/gv]
    Syntax
  • [gv]8719729790252878017[/gv]
    Beispiel
  • Ausgabe

Help

Places a help notice.

  • [help]Text[/help]
    Syntax
  • [help]content[/help]
    Beispiel
  • help

    Hilfe

    content



    Ausgabe

iFrame

iFrame BBCODE

Float Left

Float an image to the left, wrap text around it!

Float Right

Float an image to the right, wrap text around it!

Image with reflection

Adds reflection effect to images.

  • [imgreflect]Text[/imgreflect]
    Syntax
  • [imgreflect]http://www.google.com/images/logo_sm.gif[/imgreflect]
    Beispiel
  • Ausgabe

Information

Places a information box.

  • [info]Text[/info]
    Syntax
  • [info]content[/info]
    Beispiel
  • information

    Information

    content



    Ausgabe

iType

Nice Typing Effect.

  • [itype]Text[/itype]
    Syntax
  • [itype]Nice Typing Effect.[/itype]
    Beispiel
  • Nice Typing Effect.
    Ausgabe

Flash Led Scroller BBcode

Flash Led Scroller BBcode

  • [lc=Option]Text[/lc]
    Syntax
  • [lc=rainbow3]you text here![/lc]
    Beispiel
  • Ausgabe

Marquee

Makes text scroll from right to left

  • [marquee]Text[/marquee]
    Syntax
  • [marquee]Scrolling text[/marquee]
    Beispiel
  • Scrolling text
    Ausgabe

Mod

moderator's warning!

  • [mod]Text[/mod]
    Syntax
  • [mod]Bitte hier den Hinweis eingeben![/mod]
    Beispiel
  • Hinweis des Moderators:
    Bitte hier den Hinweis eingeben!
    Ausgabe

MP3

MP3 in Beiträgen

  • [mp3]Text[/mp3]
    Syntax
  • [mp3]Link[/mp3]
    Beispiel
  • Ausgabe

NoSelect

Schützt den Text vor Kopieren

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

note

unsichbarer Text

  • [note]Text[/note]
    Syntax
  • [note]nicht sichtbar[/note]
    Beispiel
  • Ausgabe

Notice

Places a notice box.

  • [notice]Text[/notice]
    Syntax
  • [notice]content[/notice]
    Beispiel
  • notice

    Mitteilung

    content



    Ausgabe

Off-Topic

Off-Topic bedeutet, dass dieser Text nicht zum aktuellen Thema gehört.

  • [ot]Text[/ot]
    Syntax
  • [ot]bin heute gut drauf :)[/ot]
    Beispiel
  • Off-Topic:
    bin heute gut drauf :)
    Ausgabe

PDF Online

View file PDF Online

  • [pdf]Text[/pdf]
    Syntax
  • [pdf]http://www.planetpdf.com/planetpdf/pdfs/free_ebooks/Dracula_NT.pdf[/pdf]
    Beispiel
  • Ausgabe

Password Box

Put your password on a nice box.

  • [pwd]Text[/pwd]
    Syntax
  • [pwd]http://www.your-link.com[/pwd]
    Beispiel
  •      
     

    http://www.your-link.com

     
    Ausgabe

Rainbow

Rainbow colored text.

  • [rainbow]Text[/rainbow]
    Syntax
  • [rainbow]look at all the colors[/rainbow]
    Beispiel
  • Ausgabe

Spoiler

Dieser Text muss markiert werden um gelesen zu werden.

  • [spoiler]Text[/spoiler]
    Syntax
  • [spoiler]Dieser Text muss markiert werden um gelesen zu werden.[/spoiler]
    Beispiel
  • Spoiler! Zum Lesen bitte markieren
    Dieser Text muss markiert werden um gelesen zu werden.
    Ausgabe

Spoiler 2

Hier muß man klicken um den Text lesen.

  • [spoiler2=Option]Text[/spoiler2]
    Syntax
  • [spoiler2=Klick mich!]Hier muß man klicken um den Text lesen.[/spoiler2]
    Beispiel
  • Klick mich!:
    Hier muß man klicken um den Text lesen.
    Ausgabe

Strike Through

Makes a line through text.

  • [strike]Text[/strike]
    Syntax
  • [strike]Text goes here[/strike]
    Beispiel
  • Text goes here
    Ausgabe

tech

Technischer Hinweis

  • [tech]Text[/tech]
    Syntax
  • [tech]Hier bitte den Hinweis eingeben[/tech]
    Beispiel
  • Technischer Hinweis:Hier bitte den Hinweis eingeben
    Ausgabe

Tech-Admin

Hinweis des technischen Admininstrators

  • [techadmin]Text[/techadmin]
    Syntax
  • [techadmin]Bitte hier den Hinweis eingeben![/techadmin]
    Beispiel
  • Hinweis des technischen Administrators:
    Bitte hier den Hinweis eingeben!
    Ausgabe

Latex

Generates images with LaTeX math expressions.

  • [tex]Text[/tex]
    Syntax
  • [tex]x=\frac{-b\pm\sqrt{b^2-4ac}}{2a}[/tex]
    Beispiel
  • Ausgabe

Textarea

This makes a textarea just like you write in in your browser, except nobody can edit this one! (Except admin of course :) ).

  • [textarea]Text[/textarea]
    Syntax
  • [textarea]I am a text you cannot edit! HAHAHA![/textarea]
    Beispiel
  • Ausgabe

Title

BBcode for a new look for your title for example.

  • [title]Text[/title]
    Syntax
  • [title]Title Tutorial[/title]
    Beispiel
  •  Title Tutorial
    Ausgabe

Thumbnail

Displays an image as a thumbnail when clicking on it, it opens the original image in a new window.

  • [tmb]Text[/tmb]
    Syntax
  • [tmb]image_url[/tmb]
    Beispiel
  • Thumbnail
    Click to view the original image
    Ausgabe

tw

BBCode für TW

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

two

Test von TW

  • [two]Text[/two]
    Syntax
  • [two]Test[/two]
    Beispiel
  • Test
    Ausgabe

twu

test2 von tw

  • [twu]Text[/twu]
    Syntax
  • [twu]test[/twu]
    Beispiel
  • test
    Ausgabe

Warning

Places a warning notice.

  • [warning]Text[/warning]
    Syntax
  • [warning]content[/warning]
    Beispiel
  • warning

    Warnung

    content



    Ausgabe

wiki

Display Wikipedia pages on your forum.

  • [wiki]Text[/wiki]
    Syntax
  • [wiki]Schwul[/wiki]
    Beispiel
  • Ausgabe

YouTube

Use the movie code from the YouTube URL in your browser. For example, http://youtube.com/watch?v=JFwCCL0Vh6U

  • [youtube]Text[/youtube]
    Syntax
  • [youtube]oU79lY0StEA[/youtube]
    Beispiel
  • Ausgabe

Zensur

Moderator Hinweis!

  • [zensur=Option]Text[/zensur]
    Syntax
  • [zensur=schwufo_com]Hier wurde ein fremder Text verändert[/zensur]
    Beispiel

  • Moderiert von schwufo_com
    Hier wurde ein fremder Text verändert

    Bei Nachfragen bitte eine PN an mich.
    Ausgabe