BB Code

1. Vet / Cursief / Onderlijnen
   [b], [i], [u]
2. Kleur
   [color]
3. Grootte
   [size]
4. Lettertype
   [font]
5. Markeren
   [highlight]
6. Links / Rechts / Gecentreerd
   [left], [right], [center]
7. Inspringen
   [indent]
8. E-mail Linken
   [email]
9. URL Koppelen
   [url]
10. Onderwerp Koppelen
    [thread]
11. Berichten koppelen
    [post]
12. Lijst met opsommingstekens / Geavanceerde lijst
    [list]
13. Afbeeldingen
    [img]
14. Video's
    [video]
15. Code
    [code]
16. PHP Code
    [php]
17. HTML Code
    [html]
18. Citaat
    [quote]
19. BB Code Stoppen
    [noparse]
20. Bijlage
    [attach]
21. Named anchor link
    [aname]
22. Image floating left
    [ifl]
23. Image floating right
    [ifr]
24. Anchor link
    [jumpto]
25. Strike-thru
    [s]
26. Spoiler
    [Spoiler]
27. Table
    [t]

Met de labels [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 onderlijnd[/u]
  Voorbeeld
• • deze tekst is vet
  • deze tekst is cursief
  • deze tekst is onderlijnd
  Resultaat

Met het [color] label 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

Met het [size] label 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

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

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

Met de labels [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

Met het [indent] label kun je tekst laten inspringen.

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

• deze tekst springt in

  Resultaat

Met het [email] label kun je een link maken van een E-Mailadres. Je kunt een parameter gebruiken om de link een 'naam' te geven.

• • [email]waarde[/email]
  • [email=Optie]waarde[/email]
  Gebruik
• • [email]j.doe@example.com[/email]
  • [email=j.doe@example.com]Klik Hier om mij te E-Mailen.[/email]
  Voorbeeld
• • j.doe@example.com
  • Klik Hier om mij te E-Mailen.
  Resultaat

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

• • [url]waarde[/url]
  • [url=Optie]waarde[/url]
  Gebruik
• • [url]https://forum.thesettlersonline.nl[/url]
  • [url=https://forum.thesettlersonline.nl]The Settlers Online[/url]
  Voorbeeld
• • https://forum.thesettlersonline.nl
  • The Settlers Online
  Resultaat

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

• • [thread]onderwerpid[/thread]
  • [thread=onderwerpid]waarde[/thread]
  Gebruik
• • [thread]42918[/thread]
  • [thread=42918]Klik op mij![/thread]

  (Let op: Het bericht-/onderwerpid is slechts een voorbeeld en verwijst niet naar een bestaand bericht of een bestaand onderwerp.
  Voorbeeld
• • https://forum.thesettlersonline.nl/showthread.php?t=42918
  • Klik op mij!
  Resultaat

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

• • [post]berichtid[/post]
  • [post=berichtid]waarde[/post]
  Gebruik
• • [post]269302[/post]
  • [post=269302]Klik op mij![/post]

  (Let op: Het bericht-/onderwerpid is slechts een voorbeeld en verwijst niet naar een bestaand bericht of een bestaand onderwerp.
  Voorbeeld
• • https://forum.thesettlersonline.nl/showthread.php?p=269302#post269302
  • Klik op mij!
  Resultaat

Met het [list] label 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]
  [*]Lijst Item 1
  [*]Lijst Item 2
  [/list]
  Voorbeeld
• • Lijst Item 1
  • Lijst Item 2
  Resultaat

Met het [list] label 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]
  [*]Lijst Item 1
  [*]Lijst Item 2
  [/list]
  
  [list=a]
  [*]Lijst Item 1
  [*]Lijst Item 2
  [/list]
  Voorbeeld
• 1. Lijst Item 1
  2. Lijst Item 2

  1. Lijst Item 1
  2. Lijst Item 2
  Resultaat

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

• [img]waarde[/img]
  Gebruik
• • [img]https://forum.thesettlersonline.nl/images/settlers/statusicon/forum_new.gif[/img] (Zonder hyperlink)
  • [url=http://www.example.com] [img]https://forum.thesettlersonline.nl/images/settlers/statusicon/forum_new.gif[/img] [/url] (Met hyperlink)
  Voorbeeld
• • (Zonder hyperlink)
  • (Met hyperlink)
  Resultaat

Met het [video] label kan je video's weergeven in een bericht van verschillende video services.

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

Het [code] label 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

Het [php] label heeft dezelfde functie als het [code] label, maar voegt eveneens syntaxismarkering voor PHP-code toe. Hoewel deze code bedoeld is 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

Met het [html] label 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

Met het [quote] label 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;44027]Lorem ipsum dolor sit amet[/quote]
  Voorbeeld
• • Lorem ipsum dolor sit amet
  • Oorspronkelijk geplaatst door John Doe

    Lorem ipsum dolor sit amet
  • Oorspronkelijk geplaatst door John Doe

    Lorem ipsum dolor sit amet
  Resultaat

Met het [highlight] label kun je tekst markeren, zodat deze beter opvalt.

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

Met het [noparse] label stop je het interpreteren van BB 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

Met het [attach] label 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]bijlageid[/attach]
  Gebruik
• [attach]12345[/attach]
  Voorbeeld
• Resultaat

The [aname] tag is used in conjunction with the [jumpto] tag. One is not functional without the other.

• [aname=Optie]waarde[/aname]
  Gebruik
• [aname=aname]This is where you jump to[/aname]
  Voorbeeld
• This is where you jump to
  Resultaat

Image - left

• [ifl]waarde[/ifl]
  Gebruik
• [ifl]http://static3.thesettlersonline.pl/sites/default/files/servernews_downtime02_1.png[/ifl]
  Voorbeeld
• 
  Resultaat

Image - right

• [ifr]waarde[/ifr]
  Gebruik
• [ifr]http://static3.thesettlersonline.pl/sites/default/files/servernews_downtime02_1.png[/ifr]
  Voorbeeld
• 
  Resultaat

The [jumpto] tag allows you to jump to another location within a post, usually used for long posts with headings and/or sections of interest. This tag must be used in conjunction with the [aname] tag. One is not functional without the other.

• [jumpto=Optie]waarde[/jumpto]
  Gebruik
• [jumpto=aname]This takes you to a new location within a post[/jumpto]
  Voorbeeld
• This takes you to a new location within a post
  Resultaat

This allows you to strike through content in your post.

• [s]waarde[/s]
  Gebruik
• Strike-Thru
  Voorbeeld
• Strike-Thru
  Resultaat

Voegt een box met verborgen inhoud en een knop om inhoud uit te breiden / te verbergen.

• [Spoiler=Optie]waarde[/Spoiler]
  Gebruik
• [spoiler=HEADER]Hidden content[/spoiler]
  Voorbeeld
• HEADER

  Hidden content
  Resultaat

Special table.

• [t]waarde[/t]
  Gebruik
• [t]Test text...[/t]
  Voorbeeld
• Test text...
  Resultaat