CommNews Forum Home  

Zurück   CnC Foren > Hilfe

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.
vB 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
[quote] Zitat
[noparse] BB-Code Umwandlung verhindern
[attach] Anhang
[center] Center
[countdown] countdown
[edit] Edit
[gv] Google Video
[hr] Horizontale Linie
[ironie] Ironie
[left] Left
[right] Right
[s] S
[spalte] Spalte
[spoiler] Spoiler
[stat] Stat
[table] Table
[yt] YouTube Video
[zeile] Zeile
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=Parameter]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=Parameter]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=Parameter]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=Parameter]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=Parameter]Text[/url]
Beispiel [url]http://www.cncforen.de[/url]
[url=http://www.cncforen.de]CnC Foren[/url]
Ausgabe http://www.cncforen.de
CnC Foren

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 http://www.cncforen.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 http://www.cncforen.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=Parameter]Text[/list]
Beispiel [list=1]
[*]erster Eintrag
[*]zweiter Eintrag
[/list]

[list=a]
[*]erster Eintrag
[*]zweiter Eintrag
[/list]
Ausgabe
  1. erster Eintrag
  2. zweiter Eintrag
  1. erster Eintrag
  2. zweiter Eintrag

Grafiken
Mit dem [img] Tag kannst du Grafiken in deinen Beiträgen einbinden. Du kannst diesen vB Code auch mit dem [url] Tag verbinden und somit eine Grafik als Link darstellen.
Syntax [img]Text[/img]
Beispiel [img]http://www.cncforen.de/images/tw_norm/statusicon/on.gif[/img] (Kein Link)

[url=http://www.example.com] [img]http://www.cncforen.de/images/tw_norm/statusicon/on.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";


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;1608857]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 Beitrag anzeigen
Lorem ipsum dolor sit amet

BB-Code Umwandlung verhindern
Mit dem [noparse] Tag kann verhindert werden, dass vB 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

Center
Der [center] tag schreibt deinen Text zentriert
Syntax [center]Text[/center]
Beispiel [center]mittig[/center]
Ausgabe
mittig

countdown
x
Syntax [countdown]Text[/countdown]
Beispiel [countdown]1088859600[/countdown]
Ausgabe

Edit
Der "Edit"-Tag wird benutzt, um klarer zu zeigen, wenn ein User seinen Beitrag editiert hat.
Syntax [edit]Text[/edit]
Beispiel [edit]Das ist ein Edit[/edit]
Ausgabe
Edit:
Das ist ein Edit

Google Video
Bettet Google Videos ein
Syntax [gv]Text[/gv]
Beispiel [gv]8719729790252878017[/gv]
Ausgabe

Horizontale Linie
Syntax [hr]Text[/hr]
Beispiel Hallo[hr]Oben steht eine Linie
Ausgabe Hallo[hr]Oben steht eine Linie

Ironie
Die [ironie] Tags können zur besonderen Kennzeichnung von Ironie verwendet werden.
Syntax [ironie]Text[/ironie]
Beispiel [ironie]ironie[/ironie]
Ausgabe
IRONIE:
(Der folgende Text enthält Ironie)
ironie

Left
Dieser Tag setzt Deinen Text linksbündig.
Syntax [left]Text[/left]
Beispiel [left]links[/left]
Ausgabe
links

Right
schreibt deinen Text rechtsbündig.
Syntax [right]Text[/right]
Beispiel [right]rechts[/right]
Ausgabe
rechts

S
Durchgestrichener Text
Syntax [s]Text[/s]
Beispiel [s]durchgestrichen[/s]
Ausgabe durchgestrichen

Spalte
Erstellt eine Spalte innerhalb einer HTML Tabellenzeile
Syntax [spalte]Text[/spalte]
Beispiel [spalte]Spalte[/spalte]
Ausgabe Spalte

Spoiler
The [spoiler] tag allows text to be hidden until the reader highlights the spoiler box to reveal the text.
Syntax [spoiler]Text[/spoiler]
Beispiel Und hier die Lösung für alle Probleme: [spoiler]42[/spoiler]
Ausgabe Und hier die Lösung für alle Probleme:
Spoiler: (Markieren um den Text lesen zu können.)
42

Stat
Wenn ihr Statistiken aus der Ladder posten wollt könnt ihr diesen vBCode benutzen
Syntax [stat]Text[/stat]
Beispiel [stat]Date Player Points Result Player Points Game ID#[/stat]
Ausgabe Date Player Points Result Player Points Game ID#

Table
Erstellt eine HTML Tabelle - Grundgerüst Es werden die vB Codes [zeile] und [spalte] benötigt
Syntax [table]Text[/table]
Beispiel [table]Tabelle[/table]
Ausgabe Tabelle

YouTube Video
Zeigt YouTube Videos eingebettet an
Syntax [yt]Text[/yt]
Beispiel [yt]ejOJkcs-a7s[/yt]
Ausgabe

Zeile
Zeile
Erstellt eine HTML Tabellenzeile
Syntax [zeile]Text[/zeile]
Beispiel [zeile]Zeile[/zeile]
Ausgabe


Alle Zeitangaben in WEZ +2. Es ist jetzt 17:56 Uhr.


Powered by vBulletin Version 3.7.3 (Deutsch)
Copyright ©2000 - 2017, Jelsoft Enterprises Ltd.
Template-Modifikationen durch TMS

Affiliates
United Forum GetBoinKeD cnc.onlinewelten.de