BBCode-handleiding

Inleiding

Wat is BBCode?
BBCode is een speciale vorm van HTML. Of je BBCode kunt gebruiken op het forum wordt bepaalt door de beheerder(s). Daarnaast kun je BBCode ook uitschakelen via het formulier om een bericht te plaatsen. BBCode is gelijkwaardig aan HTML, tags zijn ingesloten in vierkante haken [ en ] in plaats van < en >. Het biedt ook een betere controle over hoe iets wordt weergegeven. Afhankelijk van de template die je gebruikt kun je het toevoegen van BBCode in je berichten vergemakkelijken door de gebruiksvriendelijke knoppen boven het tekstveld te gebruiken. Ook met deze knoppen zul je de volgende uitleg handig vinden.
Omhoog

Tekst opmaken

Het maken van vetgedrukte, schuingedrukte en onderlijnde tekst
Met deze BBCode is het mogelijk om vlug de standaardstijl van tekst te veranderen. Dit wordt op de volgende manieren bereikt:
  • Om een stuk tekst vetgedrukt te krijgen, moet je het insluiten in [b][/b], bijvoorbeeld:

    [b]Hallo[/b]

    zal Hallo worden;
  • Voor onderstrepen gebruik je [u][/u], bijvoorbeeld:

    [u]Goedemorgen[/u]

    zal Goedemorgen worden;
  • Voor schuingedrukte tekst gebruik je [i][/i], vb:

    Dit is [i]Super![/i]

    zal Dit is Super! weergeven.
Omhoog
Tekstkleur en -grootte veranderen
Om de grootte en de kleur van je tekst te veranderen, kun je de volgende tags gebruiken. Onthoud dat dit echter afhankelijk is van de browser en systeem van de bezoeker:
  • De kleur veranderen wordt bereikt door het te plaatsen in [color=][/color]. Je kunt ofwel een bekende Engelse kleurnaam gebruiken (bijvoorbeeld: red, blue, yellow, enz.), of een hexadecimale kleurcode (vb: #FFFFFF, #000000). Om bijvoorbeeld rode tekst te verkrijgen kun je het volgende doen:

    [color=red]Hallo![/color]

    of

    [color=#FF0000]Hallo![/color]

    zal beide Hallo! weergeven;
  • Het veranderen van de grootte van de tekst is gelijkwaardig aan het wijzigen van de kleur. [size=][/size]. Deze tag is afhankelijk van de door de gebruiker gebruikte template, het aangeraden formaat is een numerieke waarde die de tekstgrootte in pixels weergeeft, vanaf 1 (zo klein dat je het niet kunt zien) tot en met 29 (zeer groot). Bijvoorbeeld:

    [size=9]KLEIN[/size]

    zou KLEIN moeten weergeven.

    terwijl:

    [size=24]ENORM![/size]

    zal ENORM! weergeven.
Omhoog
Kan ik opmaaktags combineren?
Ja, natuurlijk kan dat. Om bijvoorbeeld iemands aandacht te krijgen, zou je het volgende kunnen typen:

[size=18][color=red][b]BEKIJK DIT![/b][/color][/size]

Dit wordt dan: BEKIJK DIT!

We raden het af om veel tekst op deze manier weer te geven. Onthoud dat de tags correct gesloten moeten worden, dit is bijvoorbeeld fout:

[b][u]Dit is fout[/b][/u].
Omhoog

Citeren en code

Tekst in een antwoord citeren
Er zijn twee manieren om tekst te citeren, met of zonder referentie.
  • Wanneer je de citeerfunctie gebruikt om een post op het forum te beantwoorden, zal je merken dat de tekst tussen de [quote=""] en de [/quote] tag toegevoegd is. Deze methode staat je toe om te citeren met een referentie naar een persoon of naar iets wat je zelf kiest. Om bijvoorbeeld een stuk tekst van Dhr. de Vries te citeren kun je:

    [quote="Dhr. de Vries"]De tekst die Dhr. de Vries schreef komt hier[/quote]

    invullen. Het resultaat zal automatisch ’Dhr. de Vries schreef:’ voor het citaat toevoegen. Onthoud dat je de dubbele aanhalingstekens moet plaatsen, ze zijn niet optioneel;
  • De tweede methode staat je toe om zonder referentie te citeren. Hiervoor moet je de tekst tussen [quote] en de [/quote] tags plaatsen. Wanneer je het bericht bekijkt zal gewoon de tekst te zien zijn in het citaatblok.
Omhoog
Code
Als je een stuk code of tekst die een vaste breedte nodig heeft (bijv. Courier Lettertype) wil plaatsen zul je de tekst tussen [code] en [/code] tags moeten plaatsen, bijv.:

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

Alles (spaties, tabs..) wat tussen de [code] en [/code] tags geplaatst is, wordt bewaard voor wanneer je de tekst later bekijkt.
Omhoog

Lijsten maken

Een niet-geordende lijst maken
In BBCode kun je twee soorten lijsten gebruiken, geordende en niet-geordende. Ze zijn hetzelfde als in HTML, een niet-geordende lijst geeft elk item uit de lijst onder elkaar weer, met voor elk item een ’*’. Om een niet-geordende lijst te maken moet je [list][/list] gebruiken en voor ieder item een [*] plaatsen. Om bijvoorbeeld je favoriete kleuren in een lijst weer te geven, kun je het volgende doen:

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

Wat natuurlijk dit geeft:
  • Rood
  • Blauw
  • Geel

Als alternatief kun je de stijl van het opsommingsteken veranderen, doormiddel van [list=disc][/list], [list=circle][/list], of [list=square][/list].
Omhoog
Een geordende lijst maken
De tweede soort lijst is een geordende lijst, deze geeft controle over wat voor elk item wordt weergegeven. Om een genummerde lijst te maken, moet je [list=1][/list] gebruiken. En voor een alfabetische lijst doe je het volgende: [list=a][/list]. Net als bij de niet-geordende lijst moet je [*] voor elk item plaatsen. Bijvoorbeeld:

[list=1]
[*]Ga naar de winkel
[*]Koop een nieuwe computer
[*]Vloek tegen de computer als die crasht
[/list]

zal geven:
  1. Ga naar de winkel
  2. Koop een nieuwe computer
  3. Vloek tegen de computer als die crashed
Bij een alfabetische lijst kun je het volgende doen:

[list=a]
[*]Het eerste mogelijke antwoord
[*]Het tweede mogelijke antwoord
[*]Het derde mogelijke antwoord
[/list]

zal geven:
  1. Het eerste mogelijke antwoord
  2. Het tweede mogelijke antwoord
  3. Het derde mogelijke antwoord
Omhoog

Links maken

Naar een andere website linken
BBCode heeft verschillende manieren om URI’s, Uniform Resource Indicators, beter bekend als URL’s te maken.
  • De eerste manier is door de [url=][/url] tag te gebruiken, na de = moet je de URL plaatsen. Als je bijvoorbeeld naar phpBB.com linkt kun je dit doen:

    [url=https://www.phpbb.com/]Bezoek phpBB![/url]

    wat zal resulteren in: Bezoek phpBB!;
  • Wij willen er op wijzen dat het aan de instellingen van je browser ligt of deze link in een nieuw of hetzelfde venster opent. Als je gewoon de URL als link wil, kun je dit gebruiken:

    [url]https://www.phpbb.com/[/url]

    Wat de volgende link geeft: https://www.phpbbcom/;
  • phpBB heeft ook zoiets als magische links, dit zorgt er voor dat iedere correcte URL in een link verandert zonder dat je tags moet gebruiken of de URL met http:// laat beginnen. Als je bijvoorbeeld www.phpbb.com intypt zal dit als je het bericht bekijkt automatisch naar www.phpbb.com verandert worden;
  • Hetzelfde gebeurt met e-mailadressen. Je kunt een adres expliciet opgeven, bijvoorbeeld:

    [email]niemand@domein.adr[/email]

    wat zal resulteren in: niemand@domein.adr, maar je kunt ook gewoon niemand@domein.adr in je bericht typen en dat zal dan automatisch vervangen worden als je het bekijkt;
Net als met alle BBCodes kan je tags rond elkaar plaatsen zoals [img][/img] (zie volgende item), [b][/b], enz. net als bij de opmaaktags is het aan jou om ervoor te zorgen dat de tags correct geopend en weer gesloten worden, bijvoorbeeld:

[url=https://www.phpbb.com/][img]https://www.phpbb.com/theme/images/logos/blue/160x52.png[/url][/img]

dit is niet correct, wat ervoor zou kunnen zorgen dat je bericht verwijderd wordt. Let dus goed op.
Omhoog

Afbeeldingen tonen

Een afbeelding toevoegen aan een bericht
phpBB BBCode heeft een tag om afbeeldingen aan het bericht toe te voegen. Er zijn twee heel belangrijke dingen waarmee je rekening moet houden als je deze tag gebruikt: veel gebruikers houden niet van veel afbeeldingen in een bericht en de afbeelding moet zich op het internet bevinden (het bestand mag dus bijvoorbeeld niet alleen op je computer staan, behalve als je zelf een webserver draait!). Om een afbeelding weer te geven moet je de URL naar de afbeelding tussen [img] en [/img] tags plaatsen. Bijvoorbeeld:

[img]https://www.phpbb.com/theme/images/logos/blue/160x52.png[/img]

Je kunt, als je wil, een afbeelding ook tussen [url][/url] tag plaatsen, voorbeeld:

[url=https://www.phpbb.com][img]https://www.phpbb.com/theme/images/logos/blue/160x52.png[/img][/url]

dit wordt dan:

Omhoog
Een bijlage aan een bericht toevoegen
Bijlagen kunnen, indien de beheerder de bijlagenfunctie heeft aangezet en je de nodige permissies hebt om bijlagen toe te voegen, overal worden toegevoegd door middel van de [attachment=][/attachment] tag. In het berichtvenster is er een selectie lijst om bijlagen toe te voegen.
Omhoog

Andere

Kan ik mijn eigen tags toevoegen?
Als je beheerder van dit forum bent en over de nodige permissies beschikt kun je extra BBCodes toevoegen in het beheerderspaneel op de pagina van "BBCodes".
Omhoog

Advanced BBCode Box BBCodes

Lettertype
[font=Comic Sans MS]tekst[/font]

Example:
[font=Comic Sans MS]The quick brown fox jumps over the lazy dog[/font]

Result:
The quick brown fox jumps over the lazy dog
Omhoog
Markeer tekst
[highlight=yellow]tekst[/highlight] Tip: Je kan ook een kleur code gebruiken bijv: #FF0000

Example:
[highlight=yellow]The quick brown fox jumps over the lazy dog[/highlight]

Result:
The quick brown fox jumps over the lazy dog
Omhoog
Tekst uitlijnen
[align=center|left|right|justify]tekst[/align]

Example:
[align=center]The quick brown fox jumps over the lazy dog[/align]

Result:
The quick brown fox jumps over the lazy dog
Omhoog
Tekst uitlijnen
[float=left|right]tekst[/float]

Example:
[float=right]The quick brown fox jumps over the lazy dog[/float]

Result:
The quick brown fox jumps over the lazy dog
Omhoog
Doorstreepte tekst
[s]tekst[/s]

Example:
[s]The quick brown fox jumps over the lazy dog[/s]

Result:
The quick brown fox jumps over the lazy dog
Omhoog
Subscript (kleine letters maken boven de basis regel van de tekst)
[sub]tekst[/sub]

Example:
[sub]The quick brown fox jumps over the lazy dog[/sub] The quick brown fox jumps over the lazy dog

Result:
The quick brown fox jumps over the lazy dog The quick brown fox jumps over the lazy dog
Omhoog
Superscript (Kleine letters maken boven de tekst regel)
[sup]tekst[/sup]

Example:
[sup]The quick brown fox jumps over the lazy dog[/sup] The quick brown fox jumps over the lazy dog

Result:
The quick brown fox jumps over the lazy dog The quick brown fox jumps over the lazy dog
Omhoog
Gloeiende tekst
[glow=color]tekst[/glow]

Example:
[glow=red]The quick brown fox jumps over the lazy dog[/glow]

Result:
The quick brown fox jumps over the lazy dog
Omhoog
Schaduw tekst
[shadow=color]tekst[/shadow]

Example:
[shadow=blue]The quick brown fox jumps over the lazy dog[/shadow]

Result:
The quick brown fox jumps over the lazy dog
Omhoog
Drop shadow tekst
[dropshadow=color]text[/dropshadow]

Example:
[dropshadow=blue]The quick brown fox jumps over the lazy dog[/dropshadow]

Result:
The quick brown fox jumps over the lazy dog
Omhoog
Wazige tekst
[blur=color]tekst[/blur]

Example:
[blur=blue]The quick brown fox jumps over the lazy dog[/blur]

Result:
The quick brown fox jumps over the lazy dog
Omhoog
Vervagende tekst
[fade]tekst[/fade]

Example:
[fade]The quick brown fox jumps over the lazy dog[/fade]

Result:
The quick brown fox jumps over the lazy dog
Omhoog
Vooraf opgemaakte tekst
[pre]tekst[/pre]

Example:
[pre]The quick brown fox jumps over the lazy dog The quick brown fox jumps over the lazy dog[/pre]

Result:
The quick brown fox jumps over the lazy dog
	The quick brown fox jumps over the lazy dog
Omhoog
Tekst volgorde (draait tekst om rechts naar links)
[dir=ltr|rtl]tekst[/dir]

Example:
[dir=rtl]The quick brown fox jumps over the lazy dog[/dir]

Result:
The quick brown fox jumps over the lazy dog
Omhoog
Marquee tekst
[marq=up|down|left|right]tekst[/marq]

Example:
[marq=left]The quick brown fox jumps over the lazy dog[/marq]

Result:
The quick brown fox jumps over the lazy dog
Omhoog
Spoiler (in- en uitklapbaar gedeelte)
[spoil]tekst[/spoil]

Example:
[spoil]The quick brown fox jumps over the lazy dog[/spoil]

Result:
► Laat Spoiler zien
Omhoog
Verberg voor gasten
[hidden]tekst[/hidden]

Example:
[hidden]The quick brown fox jumps over the lazy dog[/hidden]

Result:
Verborgen inhoud
Je moet geregistreerd en aangemeld zijn om de verborgen inhoud te kunnen zien.
Omhoog
Waarschuwingsbericht
[mod=username]tekst[/mod]

Example:
[mod=Gebruikersnaam]The quick brown fox jumps over the lazy dog[/mod]

Result:
 ! Bericht van: Gebruikersnaam
The quick brown fox jumps over the lazy dog
Omhoog
Off Topic bericht
[offtopic]tekst[/offtopic]

Example:
[offtopic]The quick brown fox jumps over the lazy dog[/offtopic]

Result:
Off Topic
The quick brown fox jumps over the lazy dog
Omhoog
NFO ascii art tekst
[nfo]tekst[/nfo]

Example:
[nfo]༼ つ ◕_◕ ༽つ ʕ•ᴥ•ʔ ¯\_(ツ)_/¯[/nfo]

Result:
༼ つ ◕_◕ ༽つ    ʕ•ᴥ•ʔ   ¯\_(ツ)_/¯
Omhoog
Video website link insluiten
[bbvideo]http://video_url[/bbvideo]

Example:
[bbvideo]https://www.youtube.com/watch?v=sP4NMoJcFd4[/bbvideo]

Result:
Omhoog