Dit artikel werd geschreven vóórdat overgestapt werd naar een andere host provider.
Toen ik mij registreerde op deze website om het BankTrans revived forum in te richten, viel mij snel op hoe makkelijk het is om een en ander in te regelen. 'Een kind kan de was doen' is de beste omschrijving.
Nooit eerder een forum aangemaakt, laat staan onderhouden, maar alles voelde direct vertrouwd aan.
Eén van de onderdelen die mij blijft verbazen, is de toegankelijkheid van phpBB. Lees voor meer achtergrondinformatie de Wikipedia pagina.
Wellicht heeft het te maken met mijn achtergrond: werkte al in de automatisering voordat de Personal Computer het licht zag.
Op het mainframe gebruikten wij DCF (Document Composition Facility), die snel aan de kant geschoven werd toen WordPerfect beschikbaar kwam. WYSIWYG is toch toegankelijker dan met scriptjes tekst te formatteren en hopen dat het uiteindelijke resultaat voldoet aan je wensen. <meestal niet>
Nadat ik enige berichten op dit forum geplaatst had, liep ik toch tegen grenzen aan. Wilde een bepaalde lay-out, maar hierin werd niet voorzien. Ontdekte dat phpBB standaard een basis set meelevert, waarmee iedereen makkelijk uit de voeten kan. Een weloverwogen keuze. Niet moeilijker maken dan noodzakelijk. (Denk dat iedereen die op dit forum een bericht wil plaatsen, dit moeiteloos kan.) Elke extra functionaliteit waar ik (soms) behoefte aan heb, is achteraf toe te voegen.
Om forumleden niet op te zadelen met alle - door mij gebruikte - phpBB-toevoegingen, zijn ze onzichtbaar, maar wel beschikbaar.
Dit zijn (momenteel) de mogelijkheden:
- Opmaak
- center
- right
- background
- hr
- Tabel
- table (en tabel)
- tr
- td
- Hyperlink
- anchor
- goto
Opmaak
- Center centreert tekst en/of afbeelding. Wordt bijna niet gebruikt; een gecentreerde afbeelding kan soms nuttig zijn:
Code: Selecteer alles
[center]voorbeeldtekst[/center]
voorbeeldtekst - Right plaatst tekst en/of afbeelding tegen de rechter kantlijn. Wordt niet gebruikt; geen toegevoegde waarde:
voorbeeldtekst
Code: Selecteer alles
[right]voorbeeldtekst[/right]
- Background geeft een kleurtje aan de tekst achtergrond. Wordt een enkele keer gebruikt, maar zorgt makkelijk voor een onrustig beeld:
voorbeeldtekst voorbeeldtekst voorbeeldtekst voorbeeldtekst
Code: Selecteer alles
[background=yellow]voorbeeldtekst[/background]
- Horizontale lijn geeft een ononderbroken streep van links naar rechts. Handig als je een scheiding wilt aanbrengen:
Code: Selecteer alles
[hr][/hr]
Tabel is een onmisbare aanvulling. Als je een uitgelijnde opsomming wilt presenteren, kun je niet om deze functionaliteit heen.
Om een tabel te creëren gebruik je drie codes:
- table om de tabel te definiëren:
Code: Selecteer alles
[table] ... [/table]
- tr om een rij te definiëren:
Code: Selecteer alles
[tr] ... [/tr]
- td data, de kolom waarin de tekst staat:
Je gebruikt één table-code, een tr-code voor elke rij en evenveel td-codes als inhoud van de velden.
Code: Selecteer alles
[td]tekst[/td]
Een voorbeeld maakt het duidelijk:Code: Selecteer alles
[table] [tr] [td]A[/td][td]B[/td][td]C[/td] [/tr] [tr] [td]D[/td][td]E[/td][td]F[/td] [/tr] [tr] [td]G[/td][td]H[/td][td]I[/td] [/tr] [/table]
A B C D E F G H I
Dit is een voorbeeld van een basis tabel, een opgemaakte tabel kan er zo uitzien:Code: Selecteer alles
[table] [tr][td][b]Maand[/b][/td][td][b]Inkomsten[/b][/td][td][b]Uitgaven[/b][/td][/tr] [tr][td]Januari[/td][td]€ 2.000,-[/td][td]€ 1.900,-[/td][/tr] [tr][td]Februari[/td][td]€ 2.100,-[/td][td]€ 1.910,-[/td][/tr] [tr][td]Maart[/td][td]€ 2.200,-[/td][td]€ 1.920,-[/td][/tr] [/table]
Maand Inkomsten Uitgaven Januari € 2.000,- € 1.900,- Februari € 2.100,- € 1.910,- Maart € 2.200,- € 1.920,-
Code: Selecteer alles
[tabel]
[tr][td][b]Maand[/b][/td][td][b]Inkomsten[/b][/td][td][b]Uitgaven[/b][/td][/tr]
[tr][td]Januari[/td][td]€ 2.000,-[/td][td]€ 1.900,-[/td][/tr]
[tr][td]Februari[/td][td]€ 2.100,-[/td][td]€ 1.910,-[/td][/tr]
[tr][td]Maart[/td][td]€ 2.200,-[/td][td]€ 1.920,-[/td][/tr]
[/tabel]
Maand | Inkomsten | Uitgaven |
Januari | € 2.000,- | € 1.900,- |
Februari | € 2.100,- | € 1.910,- |
Maart | € 2.200,- | € 1.920,- |
Hyperlink
De meest recente aanvulling.
Het Adblocker bericht was door drie separate hoofdstukken zo uitgedijd, dat behoefte ontstond om hyperlinks te plaatsen zodat snel naar de verschillende onderdelen gesprongen kan worden. Vergelijkbaar met switchen naar een ander bericht op dit forum, of naar een andere website.
Om dit te realiseren zijn twee BBCodes nodig:
- anchor, en
- goto
- Anchor, is het 'anker' waar naartoe gesprongen moet worden - het doel:
Code: Selecteer alles
[anchor]TopofPage[/anchor]
- Goto, is het vertrekpunt:
Terug naar boven
Code: Selecteer alles
[goto=TopofPage]Terug naar boven[/goto]
Gedefinieerde BBCode moet vervangen worden door HTML code.
De uitgeschreven mogelijkheden:
- Center
BBCode gebruik Code: Selecteer alles
[center]{TEXT}[/center]
HTML vervanging Code: Selecteer alles
<div style="text-align: center;">{TEXT}</div>
Hulpregel Code: Selecteer alles
[center]gecentreerde tekst[/center]
- Right
BBCode gebruik Code: Selecteer alles
[right]{TEXT}[/right]
HTML vervanging Code: Selecteer alles
<span style="display: block; text-align: right;">{TEXT}</span>
Hulpregel Code: Selecteer alles
[right]Text to align right[/right]
- Background
BBCode gebruik Code: Selecteer alles
[background={COLOR}]{TEXT}[/background]
HTML vervanging Code: Selecteer alles
<span style="background-color: {COLOR};">{TEXT}</span>
Hulpregel Code: Selecteer alles
[background=yellow]tekst op een gele achtergrond[/background]
- Horizontale lijn
BBCode gebruik Code: Selecteer alles
[hr][/hr]
HTML vervanging Code: Selecteer alles
<hr />
Hulpregel Code: Selecteer alles
[hr][/hr]
- Table, of Tabel
BBCode gebruik Code: Selecteer alles
[table]{TEXT}[/table]
HTML vervanging Code: Selecteer alles
<table border="1">{TEXT}</table>
BBCode gebruik Code: Selecteer alles
[tabel]{TEXT}[/tabel]
HTML vervanging Code: Selecteer alles
<table border="0">{TEXT}</table>
- Table row
BBCode gebruik Code: Selecteer alles
[tr]{TEXT}[/tr]
HTML vervanging Code: Selecteer alles
<tr>{TEXT}</tr>
- Table data
BBCode gebruik Code: Selecteer alles
[td]{TEXT}[/td]
HTML vervanging Code: Selecteer alles
<td style="padding:0 10px 0 10px;">{TEXT}</td>
- Anchor (anker)
BBCode gebruik Code: Selecteer alles
[anchor]{IDENTIFIER}[/anchor]
HTML vervanging Code: Selecteer alles
<a id="anchor-{IDENTIFIER}"></a>
- Goto (ga naar)
BBCode gebruik Code: Selecteer alles
[goto={IDENTIFIER}]{TEXT}[/goto]
HTML vervanging Code: Selecteer alles
<a href="#anchor-{IDENTIFIER}">{TEXT}</a>