vB Codes detailliert erklärt


Was sind vB Codes?

vB Codes sind so etwas wie HTML-Tags, die Du sicherlich kennen wirst. Sie erlauben Dir, ohne dass Du HTML benutzen musst, verschiedene Dinge in Deine Beiträge einzubauen bzw. Text zu formatieren. Du kannst sie nur verwenden, wenn der Administrator sie in dem jeweiligen Forum aktiviert hat. Selbst wenn HTML in einem Forum aktiviert ist, wirst Du die vB Codes benutzen wollen, da sie einfacher als HTML zu verwenden sind und das Layout der Seiten nicht verändern.

nach oben

Der Editor

Im vb-Code-Editor stehen Dir folgende Funktionen direkt zur Verfügung: Fett, Kursiv, Link einfügen, Email einfügen, Zitieren, Code und Smilies.

Generell können alle Funktionen auf zwei Arten verwendet werden. Einfach während des tippens einen der Knöpfe drücken. Das führt dazu, dass ein öffnendes bzw. schliessendes vbCode Tag eingefügt wird. Alternativ kann auch der Text ausgewählt werden. Wenn man nun auf den Knopf drückt wird der ausgewählte Text durch die vb-Code-Tags eingeschlossen.

Ähnlich verhält es sich mit Links bzw. Emails. Einfach wie gehabt auf Link einfügen. Das Klicken darauf fragt erst den Linktitel und dann den Link ab. Wählt man vorher den Text, der als Linktitel verwendet werden soll aus und klickt auf Link einfügen, muss man nur noch den eigentlichen Link eingeben.

Hyperlinks erstellen

Generell ist es nicht nötig den [URL] Code zu benutzen, um einen Hyperlink zu erstellen. Tippe die URL einfach folgendermaßen ein und der Link wird automatisch erzeugt:


  • http://www.motor-talk.de/
  • www.motor-talk.de

Wie Du vielleicht bemerkt hast, brauchst Du den http:// Teil der Adresse nicht, wenn sie mit www. beginnt. Sollte die Adresse nicht mit www beginnen, musst Du die komplette http:// Adresse eingeben. Du kannst auch https:// und ftp:// Links benutzen, die ebenfalls automatisch in Hyperlinks umgewandelt werden.


Wenn Du doch vB Code benutzen möchtest, schreibe einfach [url] Tags am Anfang und Ende der Adresse, wie im Beispiel unten gezeigt. (Die vB Code Tags sind in rot dargestellt).


   [url]www.motor-talk.de/[/url]


Du kannst den Link auch als Parameter im [url] Tag benutzen. Zum Beispiel so:


   [url="http://www.motor-talk.de"]Klicke hier, um zur Motor-Talk Startseite zu gelangen[/url]


Folgender Link wird dadurch erzeugt: Klicke hier, um zur Motor-Talk Startseite zu gelangen.


Auch hier ist es nicht notwendig http:// vor die Adresse zu schreiben, wenn sie mit www. beginnt.

nach oben

eMail Links

Um einen Link zu einer eMail-Adresse zu erstellen, musst Du die eMail-Adresse folgendermassen in Deinen Beitrag einfügen:


   myname@domain.com


Beachte, dass vor dem Anfang der eMail-Adresse ein Leerzeichen oder Zeilenumbruch stehen muss.

eMail-Adressen können auch mit einem vB-Code-Tag eingefügt werden:


   [email]myname@domain.com[/email]


Um einen eMail Link zu erzeugen, benutze folgendes Format:


   [email=myname@domain.com]Schreibe mir eine eMail[/email]


Das erzeugt einen Link wie diesen: Schreibe mir eine eMail.

nach oben

Fetter, unterstrichener und kursiver Text

Du kannst Text fett, unterstrichen und kursiv darstellen, indem Du den Text mit folgenden vB-Code-Tags umgibst:


  • [b]ein wenig Text[/b] ergibt ein wenig Text
  • [u]ein wenig Text[/u] ergibt ein wenig Text
  • [i]ein wenig Text[/i] ergibt ein wenig Text
nach oben

Verschiedene Farben, Schriftgrössen und Schriftarten benutzen

Mit den folgenden vB-Code-Tags kannst Du die Farbe, Schriftgrösse und Schriftart des Textes ändern:


  • [color=blue]ein wenig Text[/color] ergibt ein wenig Text (blau)
  • [size=4]ein wenig Text[/size] ergibt ein wenig Text (Schriftgrösse 4)
  • [font=courier]ein wenig Text[/font] ergibt ein wenig Text (Schriftart Courier)

Du kannst auch verschiedene vB-Code-Tags kombinieren. Dieses Beispiel benutzt fetten, unterstrichenen, violetten Text:


   [color=purple][u][b]Wow, wird hier der Text formatiert![/b][/u][/color]


Dieses Beispiel ergibt dies:


   Wow, wird hier der Text formatiert!

nach oben

Auflistungen

Du kannst einfache Auflistungen und geordnete Listen so erzeugen:


Einfache Auflistung:

[list]
[*]erster Eintrag
[*]zweiter Eintrag
[/list]


Dies ergibt:


  • erster Eintrag
  • zweiter Eintrag

Beachte, dass das [list] Tag immer mit [/list] geschlossen werden muss!


Ganz einfach kannst Du auch eine numerisch oder alphabetisch sortierte Liste erstellen. Du musst das [list] Tag nur ein klein wenig erweitern. Der extra Code sieht so aus: =1 (für eine numerische Liste) oder =A (für eine alphabetische Liste).
Hier einige Beispiele:


[list=1]
[*]der erste numerierte Eintrag
[*]dies ist der zweite numerierte Eintrag
[/list=1]


Und das ist das Ergebnis:


  1. der erste numerierte Eintrag
  2. dies ist der zweite numerierte Eintrag

[list=A]
[*]dies ist der erste alphabetisch sortierte Eintrag
[*]dies ist der zweite alphabetisch sortierte Eintrag
[/list=A]


Und das ist das Ergebnis:


  1. dies ist der erste alphabetisch sortierte Eintrag
  2. dies ist der zweite alphabetisch sortierte Eintrag
nach oben

Andere Beiträge oder Textstellen zitieren

Um geschriebene Textstellen zu zitieren, kopiere einfach den Text, den Du zitieren möchtest, in Deinen Beitrag und umschließe ihn folgendermaßen:


   [quote]Nein. Versuche nicht.
   Tu oder tu nicht, es gibt keinen Versuch.[/quote]


Dies ergibt:


Zitat:
Nein. Versuche nicht.
Tu oder tu nicht, es gibt keinen Versuch.

Die [quote] Tags rücken den zitierten Text automatisch ein.

nach oben

Das Code- und PHP-Tag

Wenn Du den Quellcode einer Programmiersprache oder ASCII-Bilder darstellen möchtest, kannst Du dies mit dem [code] Tag machen. Ein Beispiel:


   [code]
   <script language="Javascript">
   <!--
   alert("Hallo Welt!");
   //-->
   </script>
   [/code]


Im Beispiel oben werden die [code] Tags automatisch eingerückt und die Leerzeichen bleiben erhalten. So wie hier:


         code:

         <script language="Javascript">
         <!--
         alert("Hallo Welt!");
         //-->
         </script>

nach oben

Falsche Benutzung von vB-Code-Tags

  • [url] www.motor-talk.de [/url] - Du darfst keine Leerzeichen zwischen das eingeklammerte Code-Tag und den Text, auf den sich das Code-Tag bezieht, einfügen.
  • [email]myname@domain.com[email] - Das schließende Code-Tag muss einen Schrägstrich enthalten ([/email])
nach oben