BBCode

BBCode staat voor Bulletin Board Code en wordt gebruikt om opmaak toe te voegen aan berichten door populaire forums als Invision Power Board, phpBB en vBulletin. De zogenaamde tags worden tussen rechte haken geplaatst: [ en ].

Door BBCode heeft de beheerder meer controle over welke opmaak gebruikt wordt. Voorheen kon op veel forums HTML gebruikt worden om opmaak toe te voegen aan posts. Daarmee konden ook meer ingrijpende wijzigingen aangebracht worden in de vormgeving, zoals achtergrondkleur en plaats van de tekst. Bovendien stond de veiligheid op het spel als men ongemerkt JavaScript toevoegde.

Om bezoekers toch de mogelijkheid te geven om wat opmaak toe te voegen, maar zelf in de hand te houden welke precies, heeft men BBcode bedacht. Hiermee kan een afgebakend aantal codes worden gebruikt waarmee op eenvoudige wijze opmaak toe te voegen is.

De BBCode-Tags

Hieronder staan de belangrijkste BBCode tags.

• [b] [/b] - Vetgedrukte tekst (Bold)
• [i] [/i] - Schuingedrukte tekst (Italic)
• [u] [/u] - Onderstreepte tekst (Underline)
• [url] [/url] - Link naar site (URL)
• [img] [/img] - Afbeelding (Image)
• [url=link naar site] klik hier [/url] - een link naar site (URL) waarbij alleen staat 'klik hier'.
• [spoiler] Verborgen [/spoiler] - de tekst tussen de tags is verborgen tenzij je op de knop klikt.
• [Embed=link naar video] - video toevoegen

Er zijn vele variaties mogelijk met BBCode tags:

Kleur:

• [color=engelse kleur naam] [/color] - Simpele tekstkleur (Color)

• [color=#xxxxxx] [/color] - Geavanceerdere tekstkleur. De x's zijn afhankelijk van een kleurenschaal, die loopt van 00 (donker) tot FF (licht), in de volgorde van Rood, Groen, Blauw. Wit is dan dus #FFFFFF.

• [color=transparent] [/color] - Deze tekst is onzichtbaar

Tekstgrootte:

• [size=1-7] [/size] - Simpele tekstgrootte (Size)

• [size=20-200] [/size] - Uitgebreide tekstgrootte (Size)

Citeren en code plaatsen:

• [quote] [/quote] - Teksten citeren (Quote)

• [code] [/code] - Plaats scriptcode (HTML, PHP, Javascript) zonder dat het gewijzigd wordt en leesbaar blijft (Code)

• [php] [/php] - Plaats PHP-code die zijn originele kleuren behoudt (syntaxkleuring)

Lijsten:

Ook is het mogelijk om lijsten te maken met BBCode.

Ongesorteerde lijst:

• [list]
• [*]Red
• [*]Blue
• [*]Yellow
• [/list]

Gesorteerde lijst genummerd:

• [list=1]
• [*]Ga naar de winkel
• [*]Koop een nieuwe computer
• [*]Vloek op de computer als hij crasht
• [/list]

Gesorteerde lijst alfabetisch:

• [list=a]
• [*]Antwoord A
• [*]Antwoord B
• [*]Antwoord C
• [/list]

Kolommen:

Kolommen kunnen gebruikt worden voor de indeling. =px staat voor het aantal pixels die toegepast moeten worden.

• [columns] - Openen van een kolom
• [nextcol] - Eerste kolom wordt aangemaakt
• [nextcol width=px] - Op deze manier kan je de breedte aanpassen
• [/columns] - Sluiten van je kolom

Voorbeeld:

• [Columns]
• [nextcol width=200] Schrijf hier je tekst of voeg afbeeldingen toe.
• [nextcol width=30] Op deze manier kan je plaats tussenlaten zodat de kolommen niet tegen elkaar staan.
• [nextcol width=550] Deze kolom staat naast de vorige.
• [/columns]

Tabellen:

Tabellen zijn een vorm van kolommen, maar met veel meer mogelijkheden.

• [table] - Je tabel starten
• [tr] - Hier begint de eerste rij
• [/tr] - Hier eindigt de eerste rij
• [td width=px padding=px] - Hier begint je eerste cel. Je kan de breedte hier formuleren. Ook de hoogte, daarvoor voeg je "height=px" toe. Padding staat voor de ruimte die je tussen de celrand en de inhoud wilt laten.
• [/td] - Hiermee sluit je de cel
• [/table] - Hiermee sluit je de tabel

Nadat je de eerste rij hebt gemaakt gebruik je voor opeenvolgende rijen "colspan=1". Het cijfer verandert naargelang het aantal cellen die je wilt gebruiken. "colspan=2 zal 2 cellen breed zijn. Je kan dit ook gebruiken voor rijen. Rowspan=2 zal een cel maken die twee rijen in beslag neemt. Dit geldt echter alleen voor de eerste cel, niet voor de volgende binnen dezelfde rij.

Voorbeeld:

• [table]
• [tr]
• [td width=50 padding=5]Tekst[/td]
• [td width=100 padding=5]Tekst[/td]
• [td width=50 padding=5]Tekst[/td]
• [/tr]

• [tr]
• [td rowspan=2 colspan=2 padding=5]De inhoud is twee rijen en twee cellen breed.[/td]
• [td colspan=1 padding=5]Dit is de laatste cel van de tweede rij.[/td]
• [/tr]

• [tr]
• [td colspan=1 padding=5]Dit is de laatste cel van de derde rij. (De eerste en tweede bestaan al omdat we rowspan & colspan hebben gebruikt hierboven)[/td]
• [/tr]
• [/table]

Vergeet nooit om sluitende tags toe te voegen anders zal de volledige tabel mislukt zijn.

Tabelhoofd:

Je kan een titel toevoegen tussen de rijen of bovenaan de tabel.

Voorbeeld:

• [th colspan=maximum aantal cellen van één rij in deze tabel height=12]Titel[/th]

Kleuren:

Je kan je tabel, rijen & cellen een kleur geven. Indien alle cellen een kleur hebben en je plaatst een kleur op de [table] tag dan worden de randen en tussenranden gekleurd.

• [table bgcolor=#HEXACODE] - De gehele tabel en randen
• [tr bgcolor=#HEXACODE] - De gehele rij
• [td bgcolor=#HEXACODE] - Één cel

  Intertaalkoppelingen via Wikidata (via reasonator)