Ger schreef:Op aanvraag van Mid hier een uitlegje over hoe ik een tabellen-BBcode heb gemaakt op Wetenschapsforum. Ik moet er wel bijzeggen dat het voor Invision 2.x is gemaakt en nooit heb uitgetest voor een phpBB-forum, maar ik gok dat het geen probleem moet opleveren. Heb het wel even wat naar phpBB toegeschreven, maar niet getest.

Om maar met de deur in huis te vallen: feitelijk is het niet één, maar drie BBcodes: 1 voor de tabel als geheel ([table]), 1 voor rijen binnen die tabel ([tr]) en 1 voor cellen binnen die rijen ([td]). Mensen die bekend zijn met HTML zullen dit direct herkennen als hun HTML-equivalenten en hoeven misschien niet eens verder te lezen.

table
[table]{TEXT}[/table]

Code: Selecteer alles

<div style="line-height: 0px;"><table style="border-collapse: collapse; border-color: #000000;" cellpadding="0" cellspacing ="0" border="1">{TEXT}</table></div>

tr
[tr]{TEXT}[/tr]

Code: Selecteer alles

<tr>{TEXT}</tr>

td
[td]{TEXT}[/td]

Code: Selecteer alles

<td style="line-height: 110%; border-color: #000000; padding: 3px;">{TEXT}</td>

(NB: op WSF staan alle style-dingen in de stylesheet opgenomen, dat is wat effciënter)

Gebruik gaat net als met HTML. [td] moet altijd binnen [tr] staan, welke altijd binnen [table] moet staan. En dan kun je met onderstaande code een tabel maken met 3 rijen van 3 cellen:

Code: Selecteer alles

[table]
[tr]
[td]A1[/td][td]B1[/td][td]C1[/td]
[/tr]
[tr]
[td]A2[/td][td]B2[/td][td]C2[/td]
[/tr]
[tr]
[td]A3[/td][td]B3[/td][td]C3[/td]
[/tr]
[/table]

Ger schreef:Op aanvraag van Mid hier een uitlegje over hoe ik een tabellen-BBcode heb gemaakt op Wetenschapsforum. Ik moet er wel bijzeggen dat het voor Invision 2.x is gemaakt en nooit heb uitgetest voor een phpBB-forum, maar ik gok dat het geen probleem moet opleveren. Heb het wel even wat naar phpBB toegeschreven, maar niet getest.

Om maar met de deur in huis te vallen: feitelijk is het niet één, maar drie BBcodes: 1 voor de tabel als geheel ([table]), 1 voor rijen binnen die tabel ([tr]) en 1 voor cellen binnen die rijen ([td]). Mensen die bekend zijn met HTML zullen dit direct herkennen als hun HTML-equivalenten en hoeven misschien niet eens verder te lezen.

table
[table]{TEXT}[/table]

Code: Selecteer alles

<div style="line-height: 0px;"><table style="border-collapse: collapse; border-color: #000000;" cellpadding="0" cellspacing ="0" border="1">{TEXT}</table></div>

tr
[tr]{TEXT}[/tr]

Code: Selecteer alles

<tr>{TEXT}</tr>

td
[td]{TEXT}[/td]

Code: Selecteer alles

<td style="line-height: 110%; border-color: #000000; padding: 3px;">{TEXT}</td>

(NB: op WSF staan alle style-dingen in de stylesheet opgenomen, dat is wat effciënter)

Gebruik gaat net als met HTML. [td] moet altijd binnen [tr] staan, welke altijd binnen [table] moet staan. En dan kun je met onderstaande code een tabel maken met 3 rijen van 3 cellen:

Code: Selecteer alles

[table]
[tr]
[td]A1[/td][td]B1[/td][td]C1[/td]
[/tr]
[tr]
[td]A2[/td][td]B2[/td][td]C2[/td]
[/tr]
[tr]
[td]A3[/td][td]B3[/td][td]C3[/td]
[/tr]
[/table]

BBCode gebruik

HTML-vervanging

Ger schreef:Op aanvraag van Mid hier een uitlegje over hoe ik een tabellen-BBcode heb gemaakt op Wetenschapsforum. Ik moet er wel bijzeggen dat het voor Invision 2.x is gemaakt en nooit heb uitgetest voor een phpBB-forum, maar ik gok dat het geen probleem moet opleveren. Heb het wel even wat naar phpBB toegeschreven, maar niet getest.

Om maar met de deur in huis te vallen: feitelijk is het niet één, maar drie BBcodes: 1 voor de tabel als geheel ([table]), 1 voor rijen binnen die tabel ([tr]) en 1 voor cellen binnen die rijen ([td]). Mensen die bekend zijn met HTML zullen dit direct herkennen als hun HTML-equivalenten en hoeven misschien niet eens verder te lezen.

table
[table]{TEXT}[/table]

Code: Selecteer alles

<div style="line-height: 0px;"><table style="border-collapse: collapse; border-color: #000000;" cellpadding="0" cellspacing ="0" border="1">{TEXT}</table></div>

tr
[tr]{TEXT}[/tr]

Code: Selecteer alles

<tr>{TEXT}</tr>

td
[td]{TEXT}[/td]

Code: Selecteer alles

<td style="line-height: 100%; border-color: #000000; padding: 3px;">{TEXT}</td>

(NB: op WSF staan alle style-dingen in de stylesheet opgenomen, dat is wat effciënter)

Gebruik gaat net als met HTML. [td] moet altijd binnen [tr] staan, welke altijd binnen [table] moet staan. En dan kun je met onderstaande code een tabel maken met 3 rijen van 3 cellen:

Code: Selecteer alles

[table]
[tr]
[td]A1[/td][td]B1[/td][td]C1[/td]
[/tr]
[tr]
[td]A2[/td][td]B2[/td][td]C2[/td]
[/tr]
[tr]
[td]A3[/td][td]B3[/td][td]C3[/td]
[/tr]
[/table]

_Dries_ schreef:Ik heb een vraag over tabellen code, ik gebruik nu deze (heeft vriend gemaakt)

BBcodes

Code: Selecteer alles

[table][tr][/tr][tr][td]dit is een tabel cel[/td][td]dit is de rechter kant van de tabel[/td][/tr]
[tr][td]dit is de linker kant van de tabel[/td][td]dit is de rechter kant van de tabel[/td][/tr]
[tr][td]dit is de linker kant van de tabel[/td][td]dit is de rechter kant van de tabel[/td][/tr]
[tr][td]test[/td][td]test[/td][/tr][/table]

Html:

Code: Selecteer alles

<table cellspacing="1" cellpadding="2" >{TEXT}</table>

Code: Selecteer alles

<td colspan="2" align="center">{TEXT}</td>

Code: Selecteer alles

<th colspan="2">{TEXT}</th>

Code: Selecteer alles

<tr>{TEXT}</tr>

Het probleem is nu, de achtergrond in de tabel is is wit, ik zou deze graag transparant hebben, weten jullie hoe ik dit doe?

SkyQ schreef:Zie hier viewtopic.php?p=335689#p335689 voor de code

Code: Selecteer alles

[table][tr][tl]Dit is de kop[/tl][tl]van de tabel[/tl][/tr][tr][td]dit is een tabel cel[/td][td]dit is de rechter kant van de tabel[/td][/tr][tr][td]dit is de linker kant van de tabel[/td][td]dit is de rechter kant van de tabel[/td][/tr][tr][td]dit is de linker kant van de tabel[/td][td]dit is de rechter kant van de tabel[/td][/tr][tr][td]test[/td][td]test[/td][/tr][/table]

Als je de code voor de blauwe rand bedoelt ga dan naar de th code
<th style="background: #0124;" colspan="2">{TEXT}</th>

Oja een Tip als je een grote Tabel maakt zorg er voor dat je alles als 1 lange zin maakt geen enters want anders krijg je een zeer groot vlak voor dat je je tabel ziet

fulleffect schreef:ik maak op mijn prive forum gebruik van de diverse table bb codes alleen nu wil het feit dat hoe groter mijn table, hoe groter de ruimte boven de table wordt (gewoon enters zeg maar) how come?

<a href="http://dutch.wunderground.com/global/stations/07015.html?bannertypeclick=big2">
<img src="http://banners.wunderground.com/weathersticker/big2_both_cond/language/dutch/global/stations/07015.gif"></a>

• b,i,u,pre,embed,EMBED,object,OBJECT,b,br,left,center,right,font,i,u,p,pre,param,embed,object,img,li,ol,src,table,tr,td,cellpadding,cellspacing,a,a href,img src,img,colspan,center,var,div,marquee,align,midi,

ElbertF schreef:De link, maar nu zie ik het wel. De class van de table bepaalt hoe deze eruit komt te zien, die zou je weg kunnen halen en andere eigenschappen kunnen meegeven. Maar zonder voorbeeld weet ik niet wat er fout gaat.

[table=90][tr][th=2]This is the header[/td][/tr]
[tr][td=row3,2]This is the small text under the header[/td][/tr]
[tr][td=row1,1]This is the left side of the table[/td][td=row2,1]This is the right side of the table.[/td][/tr]
[tr][td=cat,2]This is the footer[/td][/tr][/table]