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 met vB-codes

  1. Vet / Cursief / Onderstrepen
  2. Kleur
  3. Markeren
  4. Links / Rechts / Gecentreerd
  5. Inspringen
  6. Email Linking
  7. URL-hyperlinks
  8. Onderwerpen koppelen
  9. Posts koppelen
  10. Lijsten met opsommingstekens / Geavanceerde lijsten
  11. Afbeeldingen
  12. Videos
  13. Code
  14. HTML Code
  15. Citaat
  16. Stop BB Code Parsing
  17. Bijlage
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 van gebruik
    • deze tekst is vet
    • deze tekst is cursief
    • deze tekst is onderstreept
    Voorbeeld van 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 van gebruik
  • deze tekst is blauw
    Voorbeeld van 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 van gebruik
  • deze tekst is links uitgelijnd
    deze tekst is gecentreerd
    deze tekst is rechts uitgelijnd
    Voorbeeld van resultaat

Inspringen

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

  • [indent]waarde[/indent]
    Gebruik
  • [indent]deze tekst springt in[/indent]
    Voorbeeld van gebruik
  • deze tekst springt in
    Voorbeeld van resultaat

Email Linking

The [email] tag allows you to link to an email address. You can include an optional parameter to 'name' your link.

    • [email]waarde[/email]
    • [email=Optie]waarde[/email]
    Gebruik
    • [email]j.doe@example.com[/email]
    • [email=j.doe@example.com]Click Here to Email Me[/email]
    Voorbeeld van gebruik
  • Voorbeeld van resultaat

URL-hyperlinks

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

    • [url]waarde[/url]
    • [url=Optie]waarde[/url]
    Gebruik
    • [url]http://board.pretparken.be[/url]
    • [url=http://board.pretparken.be]Pretparken.be Forum[/url]
    Voorbeeld van gebruik
  • Voorbeeld van resultaat

Onderwerpen koppelen

Met de tag [thread] kun je een koppeling naar een onderwerp invoegen door het ontwerp-id op te geven. Je kunt een optionele parameter toevoegen om de koppeling een naam te geven.

    • [thread]onderwerp-id[/thread]
    • [thread=onderwerp-id]waarde[/thread]
    Gebruik
    • [thread]42918[/thread]
    • [thread=42918]Klik op mij![/thread]
    (Note: The threadid/postid is just an example and may not link to a valid thread/post.)
    Voorbeeld van gebruik
  • Voorbeeld van resultaat

Posts koppelen

Met de tag [post] kun je posts koppelen door het id van de post op te geven. Je kunt een optionele parameter toevoegen om de koppeling een 'naam' te geven.

Lijsten 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 van gebruik
    • lijstonderdeel 1
    • lijstonderdeel 2
    Voorbeeld van resultaat

Geavanceerde lijsten

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 van gebruik
    1. lijstonderdeel 1
    2. lijstonderdeel 2
    1. lijstonderdeel 1
    2. lijstonderdeel 2
    1. lijstonderdeel 1
    2. lijstonderdeel 2
    Voorbeeld van resultaat

Afbeeldingen

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

  • [img]waarde[/img]
    Gebruik
    • [img]http://board.pretparken.be/images/statusicon/forum_new-48.png[/img] (Zonder koppeling)
    • [url=http://www.example.com] [img]http://board.pretparken.be/images/statusicon/forum_new-48.png[/img] [/url] (Met koppeling)
    Voorbeeld van gebruik
    • (Zonder koppeling)
    • (Met koppeling)
    Voorbeeld van 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 van gebruik
    Voorbeeld van 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 van gebruik
  • Code:
    <script type="text/javascript">
    <!--
    	alert("Hello world!");
    //-->
    </script>
    Voorbeeld van 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 van gebruik
  • HTML Code:
    <img src="image.gif" alt="image" />
    <a href="testing.html" target="_blank">Testing</a>
    Voorbeeld van 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;381421]Lorem ipsum dolor sit amet[/quote]
    Voorbeeld van gebruik
    • Lorem ipsum dolor sit amet
    • Citaat Origineel gepost door John Doe
      Lorem ipsum dolor sit amet
    • Citaat Origineel gepost door John Doe Bekijk post
      Lorem ipsum dolor sit amet
    Voorbeeld van resultaat

Markeren

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

  • Gebruik
    [highlight]waarde[/highlight]
  • Voorbeeld van gebruik
    [highlight]deze tekst is gemarkeerd[/highlight]
  • Voorbeeld van resultaat
    deze tekst is gemarkeerd

Stop BB Code Parsing

The [noparse] tag allows you to stop the parsing of BB code.

  • [noparse][b]waarde[/b][/noparse]
    Gebruik
  • [noparse][b]Lorem ipsum dolor sit amet[/b][/noparse]
    Voorbeeld van gebruik
  • [b]Lorem ipsum dolor sit amet[/b]
    Voorbeeld van resultaat

Bijlage

The [attach] tag allows you to display an attachment in your post rather than at the bottom. It will only display attachments that belong to the post in which it is utilized.

  • [attach]attachmentid[/attach]
    Gebruik
  • [attach]12345[/attach]
    Voorbeeld van gebruik
  • Voorbeeld van resultaat