Introductie

Wat is BBCode?

BBcode is een speciale implantatie van HTML. BBCode kan worden ingeschakeld voor bepaalde delen in het forum, en in berichten. Ook kan jij eventueel zelf bij jouw eigen berichten BBCode uitschakelen. BBCode lijkt heel erg op HTML. Éen groot verschil is de open en sluitings tags. Bij BBCode zijn dit respectiefelijk [ en ], bij HTML zijn dit < en >. Bovenaan het berichtformulier vind je een aantal knoppen waarmee je simpel BBCodes kan toevoegen. Ook staan op deze pagina een aantal handige dingen.

Omhoog

Tekst

Hoe maak ik vette, schuine en onderstreepte tekst?

BBCode bevat enkele tags om snel je basis stijl of je bericht aan te passen. Dit werkt op de volgende manier:

• Om hem vetgedrukt te maken gebruik je [b][/b]. voorbeeld:
  
  [b]Tekst[/b]
  
  Dit zal het volgende worden: Tekst
• On onderstreepte tekst te maken gebruik je [u][u]. voorbeeld:
  
  [u]Tekst[/u]
  
  Dit zal dan dit worden: Tekst.
• Om schuine tekst te maken gebruik je [li][/li]. Bv:
  
  [li]tekst[/li]
  
  Dit zal geven: tekst.

Omhoog

Hoe verander ik de tekst kleur en grootte?

Ook hiervoor kan je BBCode gebruiken. Houd er wel rekening mee dat sommige browsers het anders weergeven.

• Om je tekst gekleurd te maken gebruik je [color=][/color]. Je kan iedere kleurcode of kleurname gebruiken als kleur. voorbeeld:
  
  [color=red]Tekst[/color] of [color=#FF0000]tekst[/color].
  
  Dit zal beide het volgende worden: Tekst.
• Het aanpassen van de tekstgrootte gaat op zo'n zelfde soort manier: [size=][/size]. Deze tag maakt gebruik van pixels (Maar is wel template afhankelijk!), en je kan gebruik maken van de percentages van 20 (heel klein) tot 200 (heel groot). voorbeeld:
  
  [size=9]Tekst[/size]
  
  Dit zal het volgende worden: Tekst

Omhoog

Kan ik deze tags combineren?

Ja, dat is mogelijk. Zie de volgende voorbeelden:

[size=200][color=red][b]KIJK NAAR MIJ![/b][/color][/size]

dit zal het volgende worden: KIJK NAAR MIJ! Let wel op, wij raden af dit voor grote stukken tekst te gebruiken. Ook dien je de tags correct te sluiten, bijvoorbeeld het volgende is niet goed:

[b][u]Tekst[/b][/u].

Omhoog

Tekst citeren en codeweergave

Tekst citeren in antwoorden

Je kan op 2 manieren tekst citeren. Met een referentie, of zonder:

• Wanneer je op de citeerknop drukt bij een bericht zal het citaat op de volgende manier eruit zien, waarbij tussen de aanhalingstekens de naam staat, en in de tag zelf het bericht:
  
  [quote=""][/quote]. Dit is de methode met referentie naar een persoon, of iets anders. Voorbeeld: In dit voorbeeld wordt Jan geciteerd, met een tekst van een site: [quote="Jan"]Deze tekst komt van www.phpBBservice.nl[/quote].
  
  Let wel op: De aanhalingstekens "" rond de naam zijn verplicht. Er zal automatische een mooi kader omheenkomen met Jan schreef erboven.
• De andere methode is om gebruik te maken zonder referentie. Hierbij wordt het ="NAAM" weggelaten: [quote][/quote].

Omhoog

Weergeven code

Wanneer je gebruik wilt maken van een lettergrootte met een standaard breedte, bijvoorbeeld een Courier type lettertype font dan kan je de tekst in [code][/code] tag zetten, bijvoorbeeld:

[code]echo "Dit is een code";[/code]

Alle opmaak die binnen de [code][/code] staan worden verwijderd wanneer je de tekst later bekijkt. PHP syntax highlighting kan worden ingeschakeld door de code [code=php][/code] te gebruiken en is aanbevolen wanneer je een PHP code voorbeeld plaats, het verhoogt namelijk de leesbaarheid ervan.

Omhoog

Maken van lijsten

Maken van een ongeordende lijst

BBCode ondersteund 2 types van lijsten, georderend en ongeorderend. Deze zijn in principe hetzelfde als de 2 HTML varianten. Een ongeorderende lijst gebruik je bullets om de regels te scheiden. Om deze te maken gebruik je [list][/list]. Voor een item hierin gebruik je dan [*] Voorbeeld met enkele kleuren:

[list]
[*]Rood
[*]Blauw
[*]Geel
[/list]

Dit zal dan worden:

• Rood
• Blauw
• Geel

Omhoog

Maken van een orderende lijst

Deze werkt haast hetzelfde als de ongeorderende lijst, echter is er een parameter bijgekomen. Je gebruikt hem als [list=*][/list] waarbij * een 1 of een a is (numerieke of alfabetische lijst), of een opvolgend cijfer/letter daarvan. Ook hierbij geldt weer dat [*] een element is. Voorbeeld met enkele kleuren:

[list=1]
[*]Rood
[*]Blauw
[*]Geel
[/list]

Dit zal dan worden:

1. Rood
2. Blauw
3. Geel

Omhoog

Maken van een link

Linken naar andere sites.

Het BBCode systeem kan op meerdere manieren URLs maken:

• De eerste manier gebruikt de [url=][/url] tag, waar je na het = teken de url noteert, en tussen de tag zelf de inhoud van de link. bijvoorbeeld:
  
  [url=http://www.phpbbservice.nl/]Bezoek phpBB![/url]
  
  zal dit genereren:, Bezoek phpBB!
• Wanneer je wilt dat enkel de url zal worden weergeven als link, gebruik je [url]http://www.phpbbservice.nl/[/url]
  
  . Dit zal worden: http://www.phpbbservice.nl
• Als laatste hebben we nog Magische Links, dit zet elke link automatische (correcte) url om naar een link, zonder enige BBCode of zelf een tag. voorbeeld:
  
  Probeer www.phpbbservice.nl te typen in je bericht, en deze zal automatische omgezet worden naar http://www.phpbbservice.nl.
• Hetzelfde geld voor e-mailadressen::
  
  [email]no.one@domain.adr[/email]
  
  zal worden no.one@domain.adr of gebruik gewoon no.one@domain.adr, dit zal automatische worden omgezet.

Zoals met andere bbcodes kan je de url tag ook rond andere, zoals de img tag (Zie volgende sectie) gebruiken. Je moet er alleen wel voor zorgen dat deze goed geformateerd zijn BV:

[url=http://www.google.com/][img]http://www.google.com/intl/en_ALL/images/logo.gif[/url][/img]

is niet goed, wat ervoor kan zorgen dat je bericht verwijderd wordt.

Omhoog

Weergeven van afbeeldingen in berichten

Toevoegen van afbeeldingen aan je bericht

Met de IMG BBcode kan je simpel afbeeldingen toevoegen. Je moet alleen een aantal dingen niet vergeten. Ten eerste is dat niet iedereen het even fijn vind als er veel afbeeldingen in een bericht zitten en ten tweede dat de afbeelding op het internet moet staat (Het gaat niet werken als hij enkel op jouw PC staat, behalve als dat ook een webserver is!).
Om een afbeelding te weergeven gebruik je [img][/img] om de url heen. voorbeeld:

[img]http://www.google.com/intl/en_ALL/images/logo.gif[/img]

Dit zal geven:


Ook kan je de IMG tag nesten in de [url][/url] tag:

[url=http://www.google.com/][img]http://www.google.com/intl/en_ALL/images/logo.gif[/img][/url]

dit zal worden:

Omhoog

Toevoegen van bijlagen in een bericht

Bijlagen kunnen worden geplaats op elke plaats van een bericht door het gebruik van de nieuwe [attachment=][/attachment] BBCode, mits de bijlagen functie is ingeschakeld door een forum beheerder en als je de beschikking hebt tot de juiste permissies om bijlagen aan te maken. Op het berichten scherm is een drop-down box (eigenlijk een knop) voor het plaatsen van bijlagen op een gealigneerde plaats.

Omhoog

Overige dingen

Kan ik mijn eigen BBCodes toevoegen

Ja, alleen als je een beheerder bent met voldoende permissies, kan je eigen BBCodes toevoegen.

Omhoog