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][email protected][/email]

    wat zal resulteren in: [email protected], maar je kunt ook gewoon [email protected] 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

Media Invoegen

Hoe voeg je media van andere website in in je berichten
Gebruikers kunnen inhoud zoals video's en audo invoegen van toegestane websites met gebruik van de [media][/media] tags, of door heel simpel het plaatsen van een ondersteunde URL in platte tekst. Als voorbeeld:

[media]https://youtu.be/QH2-TGUlwu4[/media]

Zoals we zien hierboven kan de link ook worden gebruikt zonder de [media] tags.

Bovenstaand voorbeeld geeft als resultaat:



De volgende websites worden ondersteund:
abcnews, acast, allocine, amazon, anchor, applepodcasts, audioboom, audiomack, audius, bandcamp, bbcnews, bitchute, bleacherreport, brightcove, castos, cbsnews, clyp, cnbc, cnn, cnnmoney, codepen, comedycentral, coub, dailymotion, democracynow, dotsub, dumpert, ebaumsworld, eighttracks, espn, facebook, falstad, flickr, foxnews, funnyordie, gamespot, getty, gfycat, gifs, giphy, gist, globalnews, gofundme, googledrive, googleplus, googlesheets, hudl, hulu, ign, imdb, imgur, indiegogo, instagram, internetarchive, izlesene, jsfiddle, jwplatform, kaltura, khl, kickstarter, libsyn, liveleak, livestream, mailru, medium, megaphone, metacafe, mixcloud, mlb, moddb, mrctv, msnbc, natgeochannel, natgeovideo, nbcnews, nbcsports, nhl, npr, nytimes, odysee, ok, orfium, pastebin, pinterest, podbean, prezi, reddit, rumble, rutube, schooltube, scribd, sendvid, slideshare, snotr, soundcloud, sporcle, sportsnet, spotify, spreaker, steamstore, stitcher, strawpoll, streamable, streamja, teamcoco, ted, telegram, theatlantic, theguardian, theonion, tiktok, tmz, tradingview, traileraddict, trendingviews, tumblr, twentyfoursevensports, twitch, twitter, ustream, vbox7, veoh, vevo, videodetective, videopress, vimeo, vine, vk, vocaroo, vox, washingtonpost, wistia, wshh, wsj, xboxclips, xboxdvr, youku, youmaker, youtube.

Voor de volledige documentatie op ondersteunde websites en voorbeeld URL's, bezoekt u de MediaEmbed Plugin Documentatie.
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