Zurück   NFS-Center.de :: Forum > Hilfe & Regeln


vB Code
vB Codes sind so etwas wie HTML-Tags, die Sie sicherlich kennen werden. Sie erlauben Ihnen, ohne dass Sie HTML verwenden müssen, verschiedene Dinge in Ihre Beiträge einzubauen bzw. Text zu formatieren. Sie können sie nur verwenden, wenn der Administrator sie in dem jeweiligen Forum aktiviert hat. Selbst wenn HTML in einem Forum aktiviert ist, werden Sie die vB Codes benutzen wollen, da sie einfacher als HTML zu verwenden sind und das Layout der Seiten nicht verändern können.

Hier finden Sie eine Liste aller vB Codes, mit denen Sie Ihre Beiträge formatieren können.
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
[html] HTML-Code
[quote] Zitat
[noparse] Umwandlung von vB Code verhindern
[attach] Anhang
[anchor] anchor
[cdiv] custom Container
[div] Container
[h1] Header
[hide] hide
[hr] horizontal line
[iframe] Inline-Frame
[justify] Blocksatz
[lowercase] LowerCase - Text in Kleinbuchstaben
[marquee] Laufschrift
[screen] Bilder verkleinern
[spotlight] spotlight
[strike] Text durchstreichen
[tdec] text-decoration
[yt] Youtube
Falsche Verwendung von vB Code Tags
  • [url] www.vbulletin-germany.com [/url] - Sie dürfen keine Leerzeichen zwischen das eingeklammerte Code Tag und den Text, auf den sich das Code Tag bezieht, einfügen.
  • [email]meinname@domain.de[email] - Das schließende Code Tag muss einen Schrägstrich enthalten ([/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]myname@domain.com[/email]
[email=myname@domain.com]Schreib mir eine E-Mail[/email]
Ausgabe myname@domain.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]http://needforspeed.onlinewelten.com/forum[/url]
[url=http://needforspeed.onlinewelten.com/forum]NFS-Center.de :: Forum[/url]
Ausgabe http://needforspeed.onlinewelten.com/forum
NFS-Center.de :: 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 http://needforspeed.onlinewelten.com/forum/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 http://needforspeed.onlinewelten.com/forum/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
  1. erster Eintrag
  2. zweiter Eintrag
  1. erster Eintrag
  2. zweiter Eintrag

Grafiken
Mit dem [img] Tag können Sie Grafiken in Ihren Beiträgen einbinden. Sie können diesen vB Code auch mit dem [url] Tag verbinden und somit eine Grafik als Link darstellen.
Syntax [img]Text[/img]
Beispiel [img]http://needforspeed.onlinewelten.com/forum/images/statusicon/forum_new.gif[/img] (Kein Link)

[url=http://www.vbulletin.com] [img]http://needforspeed.onlinewelten.com/forum/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]vBulletin[/quote]
[quote=John Percival]vBulletin[/quote]
[quote=John Percival;371130]vBulletin[/quote]
Ausgabe
Zitat:
vBulletin
Zitat:
Zitat von John Percival
vBulletin
Zitat:
Zitat von John Percival Beitrag anzeigen
vBulletin

Umwandlung von vB Code 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]vBulletin[/b][/noparse]
Ausgabe [b]vBulletin[/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

anchor
[url=#Test]Link[/url] [anchor]Test[/anchor]Hier steht der Anker
Syntax [anchor]Text[/anchor]
Beispiel [anchor]Test[/anchor]
Ausgabe

custom Container
cdiv erstellt einen Container, der variabel eingestellt werden kann
Syntax [cdiv=Option]Text[/cdiv]
Beispiel [cdiv="width=50 height=25"]Text[/cdiv]
Ausgabe
Text

Container
Der Code fügt einen Container mit der Breite x ein, der links floatet und 20px hoch ist.
Syntax [div=Option]Text[/div]
Beispiel [div=50px]foobar foobar[/div]
Ausgabe
foobar foobar

Header
Der H1-Tag initiiert eine schwarze Tabelle mit weißer Schrift. Diese funktioniert als Titelleiste. Die Tabellenfarbe müsst Ihr angeben. In dem Fall ist es Schwarz.
Syntax [h1=Option]Text[/h1]
Beispiel [h1=black]Titel[/h1]
Ausgabe
Titel

hide
Hide versteckt den Text
Syntax [hide]Text[/hide]
Beispiel [hide]Hallo[/hide]
Ausgabe Hallo

horizontal line
Syntax [hr]Text[/hr]
Beispiel [hr]Titel[/hr]
Ausgabe

Inline-Frame
Inline-Frame
Syntax [iframe]Text[/iframe]
Beispiel [iframe]http://www.google.de[/iframe]
Ausgabe

Original öffnen


Blocksatz
Stellt den Text im Blocksatz dar.
Syntax [justify]Text[/justify]
Beispiel [justify]Dieser Text ist in einem Block dargestellt. Er endet also links und recht immer an genau derselben Stelle. Das ist ganz praktisch. Zeitungen benutzen das oft. Und jetzt könnt Ihr das hier auc
Ausgabe [justify]Dieser Text ist in einem Block dargestellt. Er endet also links und recht immer an genau derselben Stelle. Das ist ganz praktisch. Zeitungen benutzen das oft. Und jetzt könnt Ihr das hier auc

LowerCase - Text in Kleinbuchstaben
Der eingeklammerte Text wird, auch wenn ein oder mehrere Buchstaben groß geschrieben wurden, komplett in Kleinbuchstaben dargestellt.
Syntax [lowercase]Text[/lowercase]
Beispiel [lowercase]FOO BAR![/lowercase]
Ausgabe FOO BAR!

Laufschrift
Option gibt die Formatierung an, der eingegebene Text wird mit dieser Formatierung von links nach rechts gescrollt.
Syntax [marquee=Option]Text[/marquee]
Beispiel [marquee="width: 100px; color: #333333;"]Text[/marquee]
Ausgabe Text

Bilder verkleinern
Mit diesem Tag werden zu grosse Bilder an das Forum angepasst.
Syntax [screen]Text[/screen]
Beispiel [screen]http://www.nfs-center.de/forum/cpstyles/vBulletin_3_Manual/cp_logo.gif[/screen]
Ausgabe Klicken für Originaldarstellung

spotlight
Eine spezielle Box zum Hervorheben einer besonderen Sache, ähnlich der Zitat- und Codebox.
Syntax [spotlight]Text[/spotlight]
Beispiel [spotlight]Hier der hervorgehobene Text[/spotlight]
Ausgabe
Hier der hervorgehobene Text

Text durchstreichen
Mit diesem Tag lässt sich Text als durchgestrichen markieren.
Syntax [strike]Text[/strike]
Beispiel Text & [strike]durchgestrichener Text[/strike]
Ausgabe Text & durchgestrichener Text

text-decoration
Die folgenden Formatierungsmöglichkeiten können durch ein Leerzeichen getrennt miteinander kombiniert werden: underline: Unterstrichen, overline: Überstrichen, line-through: Durchgestrichen
Syntax [tdec=Option]Text[/tdec]
Beispiel [tdec=underline overline]Text[/tdec]
Ausgabe Text

Youtube
Bindet ein Video von Youtube in den Beitrag ein. Einfach den Filmcode zwischen die Tags setzen. http://www.youtube.com/watch?v=[color=red]gQ8k37k8SeU[/color]
Syntax [yt]Text[/yt]
Beispiel [yt]gQ8k37k8SeU[/yt]
Ausgabe


Alle Zeitangaben in WEZ +1. Es ist jetzt 06:53 Uhr.


Powered by vBulletin, Copyright
©2000 - 2010, Jelsoft Enterprises Ltd.