Nationaal Computer Forum
Voor al je problemen met computers, tablets en smartphones

BB Code

Explanation

BB code is a set of tags based on the HTML language that you may already be familiar with. They allow you to add formatting to your messages in the same way as HTML does, but have a simpler syntax and will never break the layout of the pages you are viewing. The ability to use BB code is set on a forum-by-forum basis by the administrator, so you should check the forum rules when you post a new message.

Below is a list of the BB code tags you can use to format your messages.

Lijst vB-codes

  1. Vet / Cursief / Onderstrepen
  2. Kleur
  3. Grootte
  4. Lettertype
  5. Markeren
  6. Links / Rechts / Gecentreerd
  7. Inspringen
  8. E-mail linken
  9. URL koppelen
  10. Discussies koppelen
  11. Berichten koppelen
  12. Lijst met opsommingstekens / Geavanceerde lijst
  13. Afbeeldingen
  14. Videos
  15. Code
  16. PHP-code
  17. HTML-code
  18. Citaat
  19. Stop BB Code Parsing
  20. Bijlage
  21. banana sign
  22. Devil Sign
  23. Facebook videos
  24. Google reference-link
  25. Kleurencodeer
  26. Float Left
  27. Float Right
  28. Information
  29. HijackThis Log
  30. Mad
  31. Mouse
  32. Notice
  33. Ontopic
  34. Strike
  35. signature
  36. Spoiler
  37. Spoiler2
  38. User
  39. Warning
  40. Weebl
  41. Wikipedia reference-link
  42. YouTube BB Code
  43. Stripde
Incorrect BB Code Usage:
  • [url] www.example.com [/url] - don't put spaces between the bracketed code and the text you are applying the code to.
  • [email]myname@domain.com[email] - the end brackets must include a forward slash ([/email])

Vet / Cursief / Onderstrepen

Met de tags [b], [i] en [u] kun je tekst respectievelijk vet, cursief of onderstreept weergeven.

    • [b]waarde[/b]
    • [i]waarde[/i]
    • [u]waarde[/u]
    Gebruik
    • [b]deze tekst is vet[/b]
    • [i]deze tekst is cursief[/i]
    • [u]deze tekst is onderstreept[/u]
    Voorbeeld
    • deze tekst is vet
    • deze tekst is cursief
    • deze tekst is onderstreept
    Resultaat

Kleur

Met de tag [color] kun je de kleur van je tekst aanpassen.

  • [color=Optie]waarde[/color]
    Gebruik
  • [color=blue]deze tekst is blauw[/color]
    Voorbeeld
  • deze tekst is blauw
    Resultaat

Grootte

Met de tag [size] kun je de grootte van de tekst wijzigen.

  • [size=Optie]waarde[/size]
    Gebruik
  • [size=+2]deze tekst is twee keer groter dan normaal[/size]
    Voorbeeld
  • deze tekst is twee keer groter dan normaal
    Resultaat

Lettertype

Met de tag [font] kun je het lettertype van de tekst aanpassen.

  • [font=Optie]waarde[/font]
    Gebruik
  • [font=courier]deze tekst staat in het lettertype courier[/font]
    Voorbeeld
  • deze tekst staat in het lettertype courier
    Resultaat

Links / Rechts / Gecentreerd

Met de tags [left], [right] en [center] kun je de uitlijning van de tekst wijzigen.

    • [left]waarde[/left]
    • [center]waarde[/center]
    • [right]waarde[/right]
    Gebruik
    • [left]deze tekst is links uitgelijnd[/left]
    • [center]deze tekst is gecentreerd[/center]
    • [right]deze tekst is rechts uitgelijnd[/right]
    Voorbeeld
  • deze tekst is links uitgelijnd
    deze tekst is gecentreerd
    deze tekst is rechts uitgelijnd
    Resultaat

Inspringen

Met de tag [indent] kun je tekst laten inspringen.

  • [indent]waarde[/indent]
    Gebruik
  • [indent]deze tekst springt in[/indent]
    Voorbeeld
  • deze tekst springt in
    Resultaat

E-mail linken

Met de tag [email] kun je een link maken van een e-mailadres. Je kunt een parameter gebruiken om de link een 'naam' te geven.

URL koppelen

Met de tag [url] kun je een hyperlink maken naar een website of een bestand. Je kunt een parameter toevoegen om de hyperlink een 'naam' te geven.

Discussies koppelen

Met de tag [thread] kun je een hyperlink maken naar een discussie door het discussienummer op te geven. Je kunt een parameter toevoegen om de hyperlink een 'naam' te geven.

    • [thread]discussienummer[/thread]
    • [thread=discussienummer]waarde[/thread]
    Gebruik
    • [thread]42918[/thread]
    • [thread=42918]Klik op mij![/thread]
    (Let op: het bericht-/discussienummer is slechts een voorbeeld en verwijst niet naar een bestaand bericht of een bestaande discussie.
    Voorbeeld
  • Resultaat

Berichten koppelen

Met de tag [post] kun je een hyperlink maken naar een bericht. Geef daarvoor het nummer van het bericht op. Je kunt een parameter toevoegen om de hyperlink een 'naam' te geven.

Lijst met opsommingstekens

Met de tag [list] kun je eenvoudige opsommingen maken, waarbij je geen optie hoeft in te stellen. Elk onderdeel van de opsomming wordt aangegeven met de tag [*].

  • [list]waarde[/list]
    Gebruik
  • [list]
    [*]lijstonderdeel 1
    [*]lijstonderdeel 2
    [/list]
    Voorbeeld
    • lijstonderdeel 1
    • lijstonderdeel 2
    Resultaat

Geavanceerde lijst

Met de tag [list] kun je uitgebreide lijsten maken door een optie in te stellen. Deze optie kan de volgende waarden hebben: 1 (voor een genummerde lijst), A (voor een alfabetische lijst met hoofdletters), a (voor een alfabetische lijst met kleine letters), I (voor een genummerde lijst met grote Romeinse cijfers) of i (voor een genummerde lijst met kleine Romeinse cijfers).

  • [list=Optie]waarde[/list]
    Gebruik
  • [list=1]
    [*]lijstonderdeel 1
    [*]lijstonderdeel 2
    [/list]

    [list=A]
    [*]lijstonderdeel 1
    [*]lijstonderdeel 2
    [/list]

    [list=a]
    [*]lijstonderdeel 1
    [*]lijstonderdeel 2
    [/list]
    Voorbeeld
    1. lijstonderdeel 1
    2. lijstonderdeel 2
    1. lijstonderdeel 1
    2. lijstonderdeel 2
    1. lijstonderdeel 1
    2. lijstonderdeel 2
    Resultaat

Afbeeldingen

Met de tag [img] kun je afbeeldingen in je berichten plaatsen. Je kunt deze tag ook combineren met de tag [url], zodat de ingevoegde afbeelding een hyperlink wordt.

  • [img]waarde[/img]
    Gebruik
    • [img]http://www.nationaalcomputerforum.nl/images/statusicon/forum_new-48.png[/img] (Zonder hyperlink)
    • [url=http://www.example.com] [img]http://www.nationaalcomputerforum.nl/images/statusicon/forum_new-48.png[/img] [/url] (Met hyperlink)
    Voorbeeld
    • (Zonder hyperlink)
    • (Met hyperlink)
    Resultaat

Videos

The [video] tag allows you to embed videos from various video services within your posts.

  • [video]waarde[/video]
    Gebruik
    • [video=youtube;eOUq4Z6R7xI]http://www.youtube.com/watch?v=eOUq4Z6R7xI[/video]
    Voorbeeld
    Resultaat

Code

Bij de tag [code] blijven alle spaties behouden en wordt er een lettertype met een vaste breedte (monospace) gebruikt.

  • [code]waarde[/code]
    Gebruik
  • [code]
    <script type="text/javascript">
    <!--
        alert("Hello world!");
    //-->
    </script>
    [/code]
    Voorbeeld
  • Code:
    <script type="text/javascript">
    <!--
    	alert("Hello world!");
    //-->
    </script>
    Resultaat

PHP-code

De tag [php] heeft dezelfde functie als de tag [code], maar voegt eveneens syntaxismarkering voor PHP-code toe. Hoewel deze code is bedoeld voor PHP, kan deze ook enkele andere C-achtige talen correct markeren.

  • [php]waarde[/php]
    Gebruik
  • [php]
    $myvar = 'Hello World!';
    for ($i = 0; \$i < 10; \$i++)
    {
        echo $myvar . "\n";
    }
    [/php]
    Voorbeeld
  • PHP-code:
    $myvar 'Hello World!';
    for (
    $i 0$i 10$i++)
    {
        echo 
    $myvar "\n";

    Resultaat

HTML-code

Met de tag [html] kun je de syntaxis van HTML-code markeren.

  • [html]waarde[/html]
    Gebruik
  • [html]
    <img src="image.gif" alt="image" />
    <a href="testing.html" target="_blank">Testing</a>
    [/html]
    Voorbeeld
  • HTML-code:
    <img src="image.gif" alt="image" />
    <a href="testing.html" target="_blank">Testing</a>
    Resultaat

Citaat

Met de tag [quote] kun je aangeven dat een tekst een citaat is en dus van iemand anders afkomstig is.

    • [quote]Citaat[/quote]
    • [quote=Gebruikersnaam]waarde[/quote]
    Gebruik
    • [quote]Lorem ipsum dolor sit amet[/quote]
    • [quote=John Doe]Lorem ipsum dolor sit amet[/quote]
    • [quote=John Doe;1086767]Lorem ipsum dolor sit amet[/quote]
    Voorbeeld
    • Lorem ipsum dolor sit amet
    • Citaat Oorspronkelijk geplaatst door John Doe
      Lorem ipsum dolor sit amet
    • Citaat Oorspronkelijk geplaatst door John Doe Bekijk bericht
      Lorem ipsum dolor sit amet
    Resultaat

Markeren

Met de tag [highlight] kun je tekst markeren, zodat deze beter opvalt.

  • Gebruik
    [highlight]waarde[/highlight]
  • Voorbeeld
    [highlight]deze tekst is gemarkeerd[/highlight]
  • Resultaat
    deze tekst is gemarkeerd

Stop BB Code Parsing

Met de tag [noparse] stop je het interpreteren van vB-code.

  • [noparse][b]waarde[/b][/noparse]
    Gebruik
  • [noparse][b]Lorem ipsum dolor sit amet[/b][/noparse]
    Voorbeeld
  • [b]Lorem ipsum dolor sit amet[/b]
    Resultaat

Bijlage

Met de tag [attach] kun je een bijlage in het bericht laten weergeven in plaats van onderaan. De bijlagen die door middel van deze tag worden ingevoegd zijn alleen zichtbaar als het bericht wordt weergegeven.

  • [attach]bijlagenummer[/attach]
    Gebruik
  • [attach]12345[/attach]
    Voorbeeld
  • Resultaat

banana sign

Bananas holding bananas?

  • [banana]waarde[/banana]
    Gebruik
  • [banana]:rules:[/banana]
    Voorbeeld
  • :rules:
    Resultaat

Devil Sign

Wrap your text with a devil smiley for those evil thoughts.

  • [evil]waarde[/evil]
    Gebruik
  • [evil]He's so evil![/evil]
    Voorbeeld
  • He's so evil!
    Resultaat

Facebook videos

Embed Facebook Videos

  • [fb]waarde[/fb]
    Gebruik
  • [fb]123456[/fb]
    Voorbeeld
  • Resultaat

Google reference-link

  • [google]waarde[/google]
    Gebruik
  • [google]zoek[/google]
    Voorbeeld
  • Resultaat

  • [hand]waarde[/hand]
    Gebruik
  • [hand]Zet hier je handleiding[/hand]
    Voorbeeld
  • Handleiding
    Zet hier je handleiding

    nationaalcomputerforum.nl © 2010
    Created for Nationaal Computer Forum www.nationaalcomputerforum.nl  (disclaimer)
    Resultaat

Kleurencodeer

Float Left

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

Float Right

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

Information

Places a info box

  • [Info]waarde[/Info]
    Gebruik
  • [info]Content[/info]
    Voorbeeld
  • information

    Informatie

    Content



    Resultaat

  • [kopje]waarde[/kopje]
    Gebruik
  • [kopje]Hier je verwijzing[/kopje]
    Voorbeeld
  • Resultaat

  • [linkje]waarde[/linkje]
    Gebruik
  • [linkje]Hier je verwijzing[/linkje]
    Voorbeeld
  • Resultaat

HijackThis Log

Mad

Rouse the mob!

  • [mad]waarde[/mad]
    Gebruik
  • [mad]RABBLE RABBLE RABBLE![/mad]
    Voorbeeld
  • RABBLE RABBLE RABBLE!
    Resultaat

Mouse

Act like a silly old mouse

  • [mouse]waarde[/mouse]
    Gebruik
  • [mouse]Duh huh![/mouse]
    Voorbeeld
  • Duh huh!
    Resultaat

Notice

Places a notice box

  • [notice]waarde[/notice]
    Gebruik
  • [notice]content[/notice]
    Voorbeeld
  • information

    Let op

    content



    Resultaat

Ontopic

  • [ontopic]waarde[/ontopic]
    Gebruik
  • [ontopic]a[/ontopic]
    Voorbeeld
  • Resultaat

Strike

  • [s]waarde[/s]
    Gebruik
  • [s]hier je strike[/s]
    Voorbeeld
  • hier je strike
    Resultaat

signature

Wrap your text with a cynical looking smiley holding a sign.

  • [sign]waarde[/sign]
    Gebruik
  • [sign]Look at me![/sign]
    Voorbeeld
  • Look at me!
    Resultaat

Spoiler

  • [spoiler]waarde[/spoiler]
    Gebruik
  • [spoiler]blabla[/spoiler]
    Voorbeeld
  • Spoiler: show
    blabla
    Resultaat

Spoiler2

  • [spoiler2=Optie]waarde[/spoiler2]
    Gebruik
  • [spoiler2=Spoiler!]blabla[/spoiler2]
    Voorbeeld
  • Spoiler!
    blabla
    Resultaat

User

Wrap these tags to make a quick link to a user's profile anywhere at all.

  • [user]waarde[/user]
    Gebruik
  • [user]YdieresiS[/user]
    Voorbeeld
  • Resultaat

Warning

Places a warning notice.

  • [warning]waarde[/warning]
    Gebruik
  • [warning]content[/warning]
    Voorbeeld
  • warning

    Waarschuwing

    content



    Resultaat

Weebl

Talk like Weebl and Bob!

  • [weebl]waarde[/weebl]
    Gebruik
  • [weebl]mmm pie![/weebl]
    Voorbeeld
  • mmm pie!
    Resultaat

Wikipedia reference-link

  • [wiki]waarde[/wiki]
    Gebruik
  • [wiki]Vbulletin[/wiki]
    Voorbeeld
  • Resultaat

YouTube BB Code

Embed YouTube video's

  • [YT]waarde[/YT]
    Gebruik
  • [YT]KW2hv90xczM[/YT]
    Voorbeeld
  • Resultaat

Stripde

  • [[s]{TEXT}[/s]]waarde[/[s]{TEXT}[/s]]
    Gebruik
  • ABBC3_STRIKE_HELPLINE
    Voorbeeld
  • ABBC3_STRIKE_HELPLINE
    Resultaat