[Tutorial] Creating Table BBCodes

[b3rx Bertrand]

this table bbcode is ugly on prosilver... can someone update it?

[T50Webmaster T50]

I did create a new style... BTW, for my tables...

Code: Select all

.bbtable {
   background-color:#A9B8C2;
   border-spacing:1px 1px;
}

So now when you use the table BBCode, do something like...

Code: Select all

[table=bbtable]....

Where would we put this in our own forum??

[Handyman]

Where would we put this in our own forum??

this:

Code: Select all

.bbtable {
   background-color:#A9B8C2;
   border-spacing:1px 1px;
}

goes in your styles css file.

[T50Webmaster T50]

Ok thanks I knew it had to go into some file, I just wasn't sure which one!!!

Now back to figuring out some BBcodes

[T50Webmaster T50]

Okay, try doing this EXACTLY:

BBCode:

Code: Select all

[table={TEXT1},"{URL}"]{TEXT2}[/table]

HTML:

Code: Select all

<table class="{TEXT1}" cellspacing="1" width="100%" style="background-image:url('{URL}');">{TEXT2}</table>

BBCode:

Code: Select all

[tr={TEXT1}]{TEXT2}[/tr]

HTML:

Code: Select all

<tr class="{TEXT1}">{TEXT2}</tr>

BBCode:

Code: Select all

[th={NUMBER}]{TEXT}[/th]

HTML:

Code: Select all

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

BBCode:

Code: Select all

[td={NUMBER}]{TEXT}[/td]

HTML:

Code: Select all

<td colspan="{NUMBER}">{TEXT}</td>

Usage:

Code: Select all

[table=tablebg,"http://startrekguide.com/forum/styles/Sniper_Blue/imageset/stglogo.gif"][tr=][th=2]Table Test[/th][/tr][tr=row1][td=1]Cell one[/td][td=1]Cell two[/td][/tr][/table]

If that does not work exactly like that, try taking out the quotes in the Table BBCode and the usage.

Help me PLEASE!! I did that exactly, but the table is ontop of it only a fraction of it it visiable

I have a screen shot but extension bmp is not allowed

[Sniper_E]

[style].tablebg1 {width: 90%;border-spacing:1px 1px;margin-left:auto;margin-right:auto;} td.center {text-align:center;} td.gensmall2 {font-size:10px; height:12px;}[/style]

T50Webmaster
What kind of background image do you want to put in here?

Administrative Comment:
TEXT HERE IMAGE AS BACKGROUND
That's All Folks!

Administrative Comment:

[T50Webmaster T50]

a .gif image that says Administrative Comment

it a copy of it is http://troop50.110mb.com/images/Admin%20post.gif
if gives forbidden access just hit the go button on browser


[td=1]TEXT HERE IMAGE AS BACKGROUND[/td]

Administrative Comment:

Edit: Link should be fine now

[T50Webmaster T50]

[style].tablebg1 {width: 90%;border-spacing:1px 1px;margin-left:auto;margin-right:auto;} td.center {text-align:center;} td.gensmall2 {font-size:10px; height:12px;} td.image {background-image: url('http://troop50.110mb.com/images/Admin%20post.gif');}[/style]

T50Webmaster
What kind of background image do you want to put in here?

Administrative Comment:
TEXT HERE IMAGE AS BACKGROUND
That's All Folks!

hey sniper what is the code to use for it? and what should I put down for my BBcode?

should i change it so it is the background image of the row not the whole thing?

[Sniper_E]

No,I'm fooling around and can't get your image in the background.


[style].tablebg1 {width: 90%;border-spacing:1px 1px;margin-left:auto;margin-right:auto;} td.center {text-align:center;} td.gensmall2 {font-size:10px; height:12px;}[/style]

T50Webmaster
What kind of background image do you want to put in here?

Administrative Comment:
TEXT HERE IMAGE AS BACKGROUND
That's All Folks!

Administrative Comment:

All that above is this....

Code: Select all

[style].tablebg1 {width: 90%;border-spacing:1px 1px;margin-left:auto;margin-right:auto;} td.center {text-align:center;} td.gensmall2 {font-size:10px; height:12px;}[/style]

[table=tablebg tablebg1][tr=][th=1]T50Webmaster[/th][/tr][tr=][td=1,row1 center][b]What kind of background image do you want to put in here?[/b][/td][/tr][/table]

[table=tablebg tablebg1,http://troop50.110mb.com/images/Admin%20post.gif][tr=][th=1]Administrative Comment:[/th][/tr][tr=][td=1,center]TEXT HERE IMAGE AS BACKGROUND[/td][/tr][tr=][td=1,cat center]That's All Folks![/td][/tr][/table]

[table=tablebg,http://troop50.110mb.com/images/Admin%20post.gif][tr=][td=1,row2]Administrative Comment:[/td][/tr][/table]

[Sniper_E]

Look.... your image want show where it's at.... try http://sniper-ed.com/images/admin_post.gif



And you need the width and height of that table to be the size of that image.