Het gebruik van BBcodes

[warmweer]

Het valt op dat verschillende leden niet goed overweg kunnen met de BBcodes beschikbaar voor het posten. Daarom even een topic met wat uitleg over de verschillende BBcodes.

Het doel van de BBcodes is eenvoudig: via een simpele functie bepaalde layout tools ter beschikking stellen voor het posten.

Sommigen zullen denken dat het toch veel simpeler is om gewoonweg html toe te laten, echter

1. de meeste leden weten amper wat html is, evenmin hoe het correct te gebruiken;
2. met html kan je een layout heel makkelijk om zeep helpen;
3. met html kan je op simpele wijze gevaarlijke code oproepen;
4. om hogervermelde redenen heeft phpBB3 wijselijk besloten om html in berichten niet meer toe te laten;

Via de standaard BBcodes is het mogelijk om bepaalde tekstdelen te formateren. De meest courant gebruikte zijn Bold (vet), italics (cursief of schuin), underlined (onderstreept) die in dit bericht verklaard worden.

BBcode gebruik je door ofwel de code te typen, ofwel door gebruik te maken van (klikken op) de knop bovenaan het venster waarin je tekst typt. Een simpele manier om een deel tekst te behandelen is eerst de tekst (of een deel ervan) te selecteren en daarna de BBCode-knop te gebruiken. Hierdoor wordt voor de geselecteerde tekst de BBcode geopend, en na de tekst de BBcode weer gesloten.

B

= vet

Code: Selecteer alles

[b]hier komt de tekst[/b]

geeft hier komt de tekst

i

= cursief

Code: Selecteer alles

[i]hier komt de tekst[/i]

geeft hier komt de tekst

u

= onderstreept

Code: Selecteer alles

[u]hier komt de tekst[/u]

geeft hier komt de tekst


Merk op dat de BBcode enkel werkt indien deze geopend en gesloten wordt, en enkel de tekst tussen de BBcodes-tags wordt geformatteerd.

BBCode kan ook gecombineerd worden zoals in onderstaand voorbeeld waarbij een tekst vet, cursief en onderstreept is.

Code: Selecteer alles

[b][i][u]hier komt de tekst[/u][/i][/b]

geeft hier komt de tekst

[warmweer]

Quoten (of citeren) is het simpelst via de daarvoor bestemde BBCode.

Quote

Code: Selecteer alles

[quote]hier komt de tekst[/quote]

hier komt de tekst

Je kan een volledig voorafgaand bericht quoten (of een deel ervan) waarbij de naam van de poster automatisch ingevuld wordt. Hieronder quote ik een deel van mijn eerder geplaatst bericht.

Het valt op dat verschillende leden niet goed overweg kunnen met de BBcodes beschikbaar voor het posten. Daarom even een topic met wat uitleg over de verschillende BBcodes.

Het doel van de BBcodes is eenvoudig: via een simpele functie bepaalde layout tools ter beschikking stellen voor het posten.

Let op dat de naam van de poster tussen dubbele aanhalingstekens staat en dat er geen spaties tussen de quote en het gelijkheidsteken staan (en ook niet erna)

Het is ook mogelijk om een quote binnen een quote te citeren echter, hou er rekening mee dat in een bericht maximaal 3 geneste quotes toegelaten zijn.

Code: Selecteer alles

[quote="Eerste Poster"][quote="Tweede Poster"]Dit is het bericht van Tweede Poster[/quote]
En hier is het antwoord van Eerste Poster[/quote]

Dit is het bericht van Tweede Poster

En hier is het antwoord van Eerste Poster

Zolang je niet gewend bent foutloos te quoten, gelieve alvorens een bericht definitief te versturen, het te bekijken in het voorbeeldvenster, en het desnoods eerst op te slaan om het in alle rust te kunnen aanpassen. Zolang niemand op het geplaatste bericht gereageerd heeft kan je het nog wijzigen om fouten te herstellen indien nodig (15 minuten).

[warmweer]

De BBcode Code wordt gebruikt om tekst weer te geven zonder dat andere gebruikte BBcodes toegepast wordt. In de eerste eerste 2 berichten van dit topic (en in de volgende waarschijnlijk ook) is dit veelvuldig gebruikt.

Code

In het kader hieronder zie je een tekst die tussen [ code] en [ /code] geplaatst is (weliswaar zonder de spaties na de [ )

Code: Selecteer alles

 Hier is een [size=150]tekstje[/size] met [b]BBcodes[/b] die niet [color=#FF0000]toegepast[/color] worden juist [i]omwille[/i] van de [size=85]Code-tag  [/size] 

Dezelfde tekst echter ditmaal zonder de Code-tag > Zoals je ziet worden alle BBcodes nu wel toegepast.

Hier is een tekstje met BBcodes die niet toegepast worden juist omwille van de Code-tag

[warmweer]

Met de BBcode List en aanverwante [ *] en List= kunnen geordende lijstjes gemaakt worden.
De lijst moet geopend worden met List en op het einde gesloten worden met /List (telkens tussen rechte haakjes). Elk item in de lijst komt tussen de item-aanduidingen (openen en sluiten)

List

Code: Selecteer alles

[list]
[*]eerste puntje[/*]
[*]tweede puntje[/*]
[*]derde puntje[/*]
[/list]

geeft

• eerste puntje
• tweede puntje
• derde puntje

Een lijst kan ook een lijstnummering hebben via list=1 of list =a

bvb

Code: Selecteer alles

[list=1]
[*]eerste puntje[/*]
[*]tweede puntje[/*]
[*]derde puntje[/*]
[/list]

geeft

1. eerste puntje
2. tweede puntje
3. derde puntje

of

Code: Selecteer alles

[list=a]
[*]eerste puntje[/*]
[*]tweede puntje[/*]
[*]derde puntje[/*]
[/list]

geeft

1. eerste puntje
2. tweede puntje
3. derde puntje

Lijsten kunnen ook genest worden.

Code: Selecteer alles

[list=1]
[*]eerste puntje[/*]
[*][list=a]
    [*]tweede puntje deel 1[/*]
    [*]tweede puntje deel 2[/*]
    [/list][/*]
[*]derde puntje[/*]
[/list]

geeft

1. eerste puntje
2. 1. tweede puntje deel 1
   2. tweede puntje deel 2
3. derde puntje

Indien je echt geneste lijsten gebruikt, controleer ZEKER en VAST eerst de output via het voorbeeldvenster alvorens het bericht definitief te versturen en onthou dat elke lijst en lijstitem geopend EN gesloten moet worden.

[warmweer]

Via het valmenu met Extra Klein, Klein, Normaal, Groot en Extra groot kan de grootte van de tekst ingesteld worden.

Normaal

Code: Selecteer alles

[size=200]Extra Groot[/size]
[size=150]Groot[/size]
Normaal
[size=85]Klein[/size]
[size=50]Extra klein[/size]

geeft

Extra Groot
Groot
Normaal
Klein
Extra klein

Merk op dat je ook andere waarden kunt gebruiken, en andere BBcodes kunt combineren.

bvb

Code: Selecteer alles

[size=125]Iets groter dan Normaal[/size]
Normaal
[size=85]Klein[/size]
[size=75]Iets kleiner dan Klein[/size]

geeft

Iets groter dan Normaal
Normaal
Klein
Iets kleiner dan Klein

[warmweer]

Tekstkleur

Door op tekstkleur te klikken opent zich een venstertje waarmee de kleur van de geselecteerde tekst gekozen kan worden (door aanklikken van de kleur).

Code: Selecteer alles

[color=#FF0000]Dit is rode tekst[/color]
[color=#000080]Dit is blauwe tekst[/color]
[color=#008000]Dit is groene tekst[/color]

geeft

Dit is rode tekst
Dit is blauwe tekst
Dit is groene tekst

Merk op dat de kleur aangeduid wordt via de hexadecimale code. Voor standaard kleuren kan ook gewoon tekst gebruikt worden.

Code: Selecteer alles

[color=red]Dit is rode tekst[/color][color=blue] voor blauwe tekst [/color]

Dit is rode tekst voor blauwe tekst

Tabellen met kleurcodes zijn makkelijk te vinden via Google