BankTrans revived

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 pc (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
  • col
  • s
  • sup
  • tab
• Tabel
  • table (en tabel)
  • tr
  • td
• Hyperlink
  • anchor
  • goto
• Afbeeldingen
  • himg
  • imgtag

Het risico ligt op de loer dat je deze BBCodes veelvuldig gaat gebruiken en daarmee een onoverzichtelijke janboel creëert. De meeste van deze BBCodes worden op dit forum daarom spaarzaam gebruikt.

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 bijna niet gebruikt; weinig toegevoegde waarde:

  Code: Selecteer alles

  [right]voorbeeldtekst[/right]

  voorbeeldtekst  
• Background geeft een kleurtje aan de tekst achtergrond. Wordt een enkele keer gebruikt, maar zorgt makkelijk voor een onrustig beeld:

  Code: Selecteer alles

  [background=yellow]voorbeeldtekst[/background]

  voorbeeldtekst voorbeeldtekst voorbeeldtekst voorbeeldtekst
   
• Horizontale lijn geeft een ononderbroken streep van links naar rechts. Handig als je een scheiding wilt aanbrengen:

  Code: Selecteer alles

  [hr][/hr]

  ---

   
• col (twee kolommen) is makkelijker dan tabel code gebruiken als je slechts twee kolommen nodig hebt:

  Code: Selecteer alles

  [col]Kolom 1|Kolom 2[/col]

  Kolom 1 Kolom 2

  Dit is regel één van kolom 1 Dit is regel één van kolom 2

   
• s (strikethrough/doorgestreept) maakt het mogelijk woorden door te strepen:

  Code: Selecteer alles

  [s]{TEXT}[/s]

  voorbeeldtekst
    
• sup (superscript) wordt gebruikt in de Naanab handleiding als verwijzing:

  Code: Selecteer alles

  [sup]{TEXT}[/sup]

  'Nieuwe administratie' ⁽¹⁾
    
• tab inspringen tekst:

  Code: Selecteer alles

  [tab]{NUMBER}[/tab]

  Marge van 10 pixels
  Marge van 25 pixels
  Marge van 50 pixels
  Marge van 100 pixels

Tabel
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:

  Code: Selecteer alles

  [td]tekst[/td]

  Je gebruikt één table-code, een tr-code voor elke rij en evenveel td-codes als inhoud van de velden.
  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,-

   
  Tabel is mijn eigen 'aanvulling', als je behoefte hebt aan een tabel maar niet de kadering:

  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
Een 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 kon 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:

  Code: Selecteer alles

  [goto=TopofPage]Terug naar boven[/goto]

  Terug naar boven

Afbeeldingen
Afbeeldingen geef je weer met de standaard phpBB code [img]. Werkt uitstekend, maar je mist wat mogelijkheden.
Daarom twee extra codes toegevoegd, himg en imgtag:

• himg (hover image) gebruik je om twee afbeeldingen over elkaar te tonen: één standaard en de tweede als je met de muis boven de afbeelding 'zweeft' (hovert).

  Code: Selecteer alles

  [himg]{URL1} , {URL2}[/himg]

  Zie logo phpBB bovenaan post. (himg kan maar eenmaal gebruikt worden in een topic.)
   
• imgtag geeft de mogelijkheid additionele tekst toe te voegen aan een afbeelding.

  Code: Selecteer alles

  [imgtag]{URL} {SIMPLETEXT}[/imgtag]

  

HTML vervanging
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>

SHA1 hashcode: ec5e08169e7606718bce9932163613f1c4565263 20250721 897w #85