BB-Code

Uitleg

BB codes zijn een set tags die gebaseerd zijn op HTML-taal. Je kan hiermee je tekst in verschillende manieren opmaken zoals dat ook kan met HTML. Ze zijn echter makkelijker opgebouwd en zullen de lay-out van de pagina niet afbreken. De mogelijkheid en toegang tot BB-codes is voor elk forum verschillend en we raden je dan ook aan de forumregels te controleren wanneer je een nieuwe post maakt.

Je kan hier een lijst vinden van alle BB codes waar je gebruik van kan maken.

BB codelijst

  1. Vetgedrukt / Cursief / Onderlijnen
  2. Kleur
  3. Grootte
  4. lettertype
  5. highlight
  6. Links / Rechts / Centrum
  7. Inspringen
  8. E-mail linking
  9. URL Link
  10. Discussies linken
  11. Bericht linken
  12. Lijst met opsommingstekens / Geavanceerde lijsten
  13. Afbeeldingen
  14. Videos
  15. Code
  16. PHP code
  17. HTML code
  18. Quote
  19. Stop BB code lezen.
  20. Bijlage
  21. twplus ally file
  22. BBCode tonen
  23. Naam
  24. twplus player file
  25. Direct Link to post in same thread
  26. Doorgestreepte Tekst
  27. twtools signatures
  28. twtools signatures internationaal
  29. Spoiler without caption
  30. Spoiler with caption
  31. Spoiler2
  32. twplus signature
  33. Twsigs
  34. TWTotal Signature
Foutief BB code gebruik:
  • [url] www.example.com [/url] - Plaats geen spaties tussen de code binnen de haken en de tekst waarop je de code toepast.
  • [email]myname@domain.com[email] - Het eindigende haakje moet een slash (/) bevatten. ([/email])

Vetgedrukt / Cursief / Onderlijnen

De [b], [i] en [u] tags staan je toe om tekst in het vet, cursief of onderlijnd te zetten.

    • [b]Waarde[/b]
    • [i]Waarde[/i]
    • [u]Waarde[/u]
    Gebruik
    • [b]Deze tekst is vetgedrukt[/b]
    • [i]Deze tekst is cursief[/i]
    • [u]Deze tekst is onderlijnd[/u]
    Voorbeeld gebruik
    • Deze tekst is vetgedrukt
    • Deze tekst is cursief
    • Deze tekst is onderlijnd
    Voorbeeld output

Kleur

De [color]tag staat je toe de kleur van je tekst aan te passen.

  • [color=Opties:]Waarde[/color]
    Gebruik
  • [color=blue]Deze tekst is blauw[/color]
    Voorbeeld gebruik
  • Deze tekst is blauw
    Voorbeeld output

Grootte

de [size] tag staat je toe de grootte van je tekst aan te passen.

  • [size=Opties:]Waarde[/size]
    Gebruik
  • [size=+2]Deze tekst is twee maal groter dan normaal[/size]
    Voorbeeld gebruik
  • Deze tekst is twee maal groter dan normaal
    Voorbeeld output

lettertype

De [font] tag staat je toe het lettertype van je tekst aan te passen

  • [font=Opties:]Waarde[/font]
    Gebruik
  • [font=courier]Deze tekst is in het lettertype: Courier[/font]
    Voorbeeld gebruik
  • Deze tekst is in het lettertype: Courier
    Voorbeeld output

Links / Rechts / Centrum

De [left], [right] en [center] tags staan je toe de uitlijning van je tekst aan te passen.

    • [left]Waarde[/left]
    • [center]Waarde[/center]
    • [right]Waarde[/right]
    Gebruik
    • [left]Deze tekst is uitgelijnd naar links[/left]
    • [center]Deze tekst is uitgelijnd naar het centrum[/center]
    • [right]Deze tekst is uitgelijnd naar rechts[/right]
    Voorbeeld gebruik
  • Deze tekst is uitgelijnd naar links
    Deze tekst is uitgelijnd naar het centrum
    Deze tekst is uitgelijnd naar rechts
    Voorbeeld output

Inspringen

De [indent] tag staat je toe je tekst in te laten springen.

  • [indent]Waarde[/indent]
    Gebruik
  • [indent]Deze tekst is ingesprongen[/indent]
    Voorbeeld gebruik
  • Deze tekst is ingesprongen
    Voorbeeld output

E-mail linking

De [email] tag staat je toe een link te creƫren naar een e-mailadres. Je kan optioneel je naam ingeven als parameter.

    • [email]Waarde[/email]
    • [email=Opties:]Waarde[/email]
    Gebruik
    • [email]j.doe@example.com[/email]
    • [email=j.doe@example.com]Druk hier om me te E-mail[/email]
    Voorbeeld gebruik
  • Voorbeeld output

URL Link

De [url] tag staat je toe naar andere websites en bestanden te verwijzen. Je kan een optionele parameter 'naam' opgeven.

    • [url]Waarde[/url]
    • [url=Opties:]Waarde[/url]
    Gebruik
    • [url]http://forum.tribalwars.nl[/url]
    • [url=http://forum.tribalwars.nl]Tribal Wars - Forum[/url]
    Voorbeeld gebruik
  • Voorbeeld output

Discussies linken

De [thread] tag staat je toe te linken naar een thread door middel van het threadID. Je kan ook een optionele parameter 'naam' opgeven.

    • [thread]ThreadID[/thread]
    • [thread=ThreadID]Waarde[/thread]
    Gebruik
    • [thread]42918[/thread]
    • [thread=42918]Druk hier![/thread]
    (Let op: Het discussieID/berichtID is een voorbeeld en linked niet per se naar een geldige discussie/bericht)
    Voorbeeld gebruik
  • Voorbeeld output

Bericht linken

de [post] tag staat je toe om naar een specifieke post te verwijzen op basis van de berichtID. Je kan ook een optionele parameter invullen om je link een 'naam' te geven.

Lijst met opsommingstekens

De [list] tag staat je toe een lijst te maken met opsommingstekens. Elke optie wordt genoteerd met een [*]

  • [list]Waarde[/list]
    Gebruik
  • [list]
    [*]Lijst item 1
    [*]Lijst item 2
    [/list]
    Voorbeeld gebruik
    • Lijst item 1
    • Lijst item 2
    Voorbeeld output

Geavanceerde lijsten

De [list] tag staat je toe om geavanceerde lijsten toe te voegen door een optie in te stellen. Elke optie moet een waarde hebben van 1 (voor een lijst met opsommingstekens), A (voor een alfabetische lijst van hoofdletters) of a (voor een alfabetische lijst met kleine letters) of I (voor een lijst met Romeinse tekens in hoofdletter) of i (voor een lijst met Romeinse tekens in kleine letters).

  • [list=Opties:]Waarde[/list]
    Gebruik
  • [list=1]
    [*]Lijst item 1
    [*]Lijst item 2
    [/list]

    [list=A]
    [*]Lijst item 1
    [*]Lijst item 2
    [/list]

    [list=a]
    [*]Lijst item 1
    [*]Lijst item 2
    [/list]
    Voorbeeld gebruik
    1. Lijst item 1
    2. Lijst item 2
    1. Lijst item 1
    2. Lijst item 2
    1. Lijst item 1
    2. Lijst item 2
    Voorbeeld output

Afbeeldingen

De [img] tag staat je toe om afbeeldingen of foto's toe te voegen aan je tag. Je kan deze ook combineren met de [url] tag om een link te maken van je afbeelding.

  • [img]Waarde[/img]
    Gebruik
    • [img]http://forum.tribalwars.nl/tribalwars/statusicon/forum_new-48.png[/img] (Niet gekoppeld)
    • [url=http://www.example.com] [img]http://forum.tribalwars.nl/tribalwars/statusicon/forum_new-48.png[/img] [/url] (Gekoppeld)
    Voorbeeld gebruik
    • (Niet gekoppeld)
    • (Gekoppeld)
    Voorbeeld output

Videos

De [video] tag staat je toe om videos van verschillende aanbierders te laten zien in je berichten.

  • [video]Waarde[/video]
    Gebruik
    • [video=youtube;eOUq4Z6R7xI]http://www.youtube.com/watch?v=eOUq4Z6R7xI[/video]
    Voorbeeld gebruik
    Voorbeeld output

Code

De [code]-tag wisselt naar een vaste-breedte (monospace) font en behoudt alle spaties.

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

PHP code

De [php] tag is dezelfde als de [code] tag maar geeft ook syntax highlighting voor PHP code. Hoewel het ontworpen is voor PHP kan het mogelijk ook andere c-talen goed tonen.

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

    Voorbeeld output

HTML code

De [html] tag staat syntax highlighting voor html toe.

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

Quote

De [quote] tag staat je toe je tekst aan iemand anders toe te schrijven en hem te quoten.

    • [quote]Quote[/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;5354851]Lorem ipsum dolor sit amet[/quote]
    Voorbeeld gebruik
    • Lorem ipsum dolor sit amet
    • Quote Origineel geplaatst door John Doe
      Lorem ipsum dolor sit amet
    • Quote Origineel geplaatst door John Doe Bekijk berichten
      Lorem ipsum dolor sit amet
    Voorbeeld output

highlight

De [highlight] tag staat je toe je tekst te highlighten.

  • Gebruik
    [highlight]Waarde[/highlight]
  • Voorbeeld gebruik
    [highlight]Deze tekst is uitgelicht[/highlight]
  • Voorbeeld output
    Deze tekst is uitgelicht

Stop BB code lezen.

de [noparse] tag staat je toe om bb-codes te negeren.

  • [noparse][b]Waarde[/b][/noparse]
    Gebruik
  • [noparse][b]Lorem ipsum dolor sit amet[/b][/noparse]
    Voorbeeld gebruik
  • [b]Lorem ipsum dolor sit amet[/b]
    Voorbeeld output

Bijlage

De [attach] tag staat je toe om een bijlage in een bericht in plaats van beneden aan het bericht te tonen. Het zal enkel bijlagen tonen die toegevoegd zijn aan hetzelfde bericht.

  • [attach]BijlagenID[/attach]
    Gebruik
  • [attach]12345[/attach]
    Voorbeeld gebruik
  • Voorbeeld output

twplus ally file

  • [ally=Opties:]Waarde[/ally]
    Gebruik
  • [ally=1]Opus[/ally]
    Voorbeeld gebruik
  • Voorbeeld output

BBCode tonen

  • [bbcode]Waarde[/bbcode]
    Gebruik
  • [bbcode][b]vette tekst bbcode[/b][/bbcode]
    Voorbeeld gebruik
  • [b]vette tekst bbcode[/b]
    Voorbeeld output

Naam

Gebruik Naam om te linken naar een andere forumaccount

  • [Naam]Waarde[/Naam]
    Gebruik
  • [Naam]Duckje[/naam]
    Voorbeeld gebruik
  • Voorbeeld output

twplus player file

  • [player=Opties:]Waarde[/player]
    Gebruik
  • [player=1]Nevyn[/player]
    Voorbeeld gebruik
  • Voorbeeld output

Direct Link to post in same thread

Directe link naar post in zelfde thread.

  • [postlink=Opties:]Waarde[/postlink]
    Gebruik
  • [postlink]Test[/postlink]
    Voorbeeld gebruik
  • [postlink]Test[/postlink]
    Voorbeeld output

Doorgestreepte Tekst

  • [s]Waarde[/s]
    Gebruik
  • [s]doorgestreepte tekst[/s]
    Voorbeeld gebruik
  • doorgestreepte tekst
    Voorbeeld output

twtools signatures

Gebruik: [SIG=wereld#]speler_id[/SIG]

  • [sig=Opties:]Waarde[/sig]
    Gebruik
  • [SIG=1]60[/SIG]
    Voorbeeld gebruik
  • Voorbeeld output

twtools signatures internationaal

Gebruik: [SIG=wereldsubsomain]speler_id[/SIG]

  • [sigint=Opties:]Waarde[/sigint]
    Gebruik
  • [SIGINT=nl1]4500[/SIGINT]
    Voorbeeld gebruik
  • Voorbeeld output

Spoiler without caption

  • [spoiler]Waarde[/spoiler]
    Gebruik
  • [spoiler]Verstopte tekst[/spoiler]
    Voorbeeld gebruik
  • Spoiler:
    Verstopte tekst
    Voorbeeld output

Spoiler with caption

  • [spoiler=Opties:]Waarde[/spoiler]
    Gebruik
  • [spoiler=Harry Potter einde]Lees het boek![/spoiler]
    Voorbeeld gebruik
  • Spoiler: Harry Potter einde:
    Lees het boek!
    Voorbeeld output

Spoiler2

  • [spoiler2]Waarde[/spoiler2]
    Gebruik
  • [SPOILER2]HELLO[/SPOILER]
    Voorbeeld gebruik
  • [SPOILER2]HELLO[/SPOILER]
    Voorbeeld output

twplus signature

  • [twplus=Opties:]Waarde[/twplus]
    Gebruik
  • [twplus=1]Duckje[/twplus]
    Voorbeeld gebruik
  • Voorbeeld output

Twsigs

Gebruik: [TWSIGS=wereld#]speler_id[/TWSIGS]

  • [TwSigs=Opties:]Waarde[/TwSigs]
    Gebruik
  • [TWSIGS=1]60[/TWSIGS]
    Voorbeeld gebruik
  • Voorbeeld output

TWTotal Signature

  • [TWTOTAL]Waarde[/TWTOTAL]
    Gebruik
  • [twtotal]OwhPUS[/twtotal]
    Voorbeeld gebruik
  • OwhPUS TWTotal signature
    Voorbeeld output