3.1.x Extensions Database 3.1 / 3.2 ⇒ [RC] Tables bbCode

[FranckTH]

Yeahhhhhhhhhhh so nice, good job Sniper

see here :
http://www.graphogames.fr/foe/viewtopic.php?f=18&t=12

[Sniper_E]

First post updated with final version 2.0.8

Now that td= bbcode uses a class you can control the individual cells like this...

Code: Select all

[size=130]Table Title[/size]
[table=40 textcenter][thead][tr=null][th=50 null]Title1[/th][th=50 null]Title2[/th][/tr][/thead]
[tbody][tr=null][td=bg2]Text11[/td][td=bg3]Text21[/td][/tr]
[tr=null][td=bg2]Text12[/td][td=bg3]Text22[/td][/tr]
[tr=null][td=bg2]Text13[/td][td=bg3]Text23[/td][/tr]
[tr=null][td=bg2]Text14[/td][td=bg3]Text24[/td][/tr][/tbody][/table]

Check those codes out.

All the bbcodes table=, tr=, th= and td= now use classes. You have more options for the look you want to create.

[Puchahawa]

Been looking at 2.0.8 and getting some interesting responses. on 3.1.10 board. Haven't look on 3.1.9 yet. have checked with IE, FF and chrome. Will check on 3.1.9 now and edit this with results. EDIT: checked 3.1.9 and it works fine so it's a 3.1.10 issue of some type.

If I add a table in a new post i get the result of the top table in the pic. Add another table and only the top table does this. The other table is ok. Doesn't seem to have an bearing on the number of col or rows. Same look in prosilver and aero. Other thing I noticed is the tables created with a different version of the board that I edit to conform to the correct code don't do that.

2.0.8.png

EDIT 2: OK it seems to be working correctly now on 3.1.10.

Only thing I did was Edit the tables.css for AERO by Moving the tablebg info background-color: #C9C9C9 !important; up to tables1 so I could use the tright css to move tables to the right and maintain my bg color. That shouldn't affect prosilver. I'm confused once again.

[Sniper_E]

I'm not sure what you have going on in that post. I tried to duplicate that and had two good tables. That [tr=null you have showing should be [tr=bg2 by that Text11 codes. The only [tr=null are by the titles in the head.

I'll have to check 3.1.10 and 3.2.0 RC1

There is a class of your choice to use in all the bbcodes. In the table= codes there is also a permanent .tables1 class. Use that class in your tables.css for your custom style's background color and wharever. Then use table=50 tcenter] or any other class you want there.

EDIT: I think I heard 3.1.10 had issues parsing extensions or ext url or something like that. It still shouldn't do that. I do need to learn the changes needed for 3.2.0

[Puchahawa]

Hey Sniper could you put together some examples of how the css could be used on td's for those of us that are coding challenged.

[Sniper_E]

Code: Select all

[size=130]Table Title[/size]
[table=40 textcenter][thead][tr=null][th=50 null]Title1[/th][th=50 null]Title2[/th][/tr][/thead]
[tbody][tr=null][td=bg2]Text11[/td][td=bg3]Text21[/td][/tr]
[tr=null][td=bg2]Text12[/td][td=bg3]Text22[/td][/tr]
[tr=null][td=bg2]Text13[/td][td=bg3]Text23[/td][/tr]
[tr=null][td=bg2]Text14[/td][td=bg3]Text24[/td][/tr][/tbody][/table]

You can even create a class in the tables.css to use.
Make any cell look completely different.

[Puchahawa]

You can even create a class in the tables.css to use.
Make any cell look completely different.

This was the part I was asking about.

[Sniper_E]

Download this image and copy it to the theme/images/ directory.

cellpic3.gif

Add these classes to your tables.css

Code: Select all

/* Subsilver2 table classes */
.tables2 { border-radius: 0;border: 1px solid #A9B8C2;padding: 0 !important;margin: 0 !important;text-align: center;box-shadow: none; }
.subhead { color: #FFA34F !important;font-size: 1.1em;font-weight: bold;background-image: url('./images/cellpic3.gif');padding: 5px;border: 1px solid #A9B8C2; }
.row1 { background-color: #ECECEC;padding: 4px;border: 1px solid #A9B8C2; }
.row2 { background-color: #DCE1E5; padding: 4px;border: 1px solid #A9B8C2; }

Put this code in your post.

Code: Select all

[size=130]Subsilver2 Table[/size]
[table=40 tables2][thead][tr=null][th=50 subhead]Title1[/th][th=50 subhead]Title2[/th][/tr][/thead]
[tbody][tr=null][td=row1]Text11[/td][td=row2]Text21[/td][/tr]
[tr=null][td=row1]Text12[/td][td=row2]Text22[/td][/tr][/tbody][/table]

That just might turn a prosilver table into a subsilver looking table.

[Puchahawa]

I like that! Guess I'll have to bone up on css as far as using it beyond the basic classes you have in there. It definitely gives the knowledgeable admin and user some great flexibility. WELL DONE again.

[proavia]

First post updated with final version 2.0.8

Finally had some time this evening to install your latest.....

Will mess with it more over the weekend - between honey-do's.

[Sniper_E]

I added these class in the tables.css to enhance dmzx's filedownload extension.

Code: Select all

/* Filedownload table */
.downloadbg { background: rgba(0, 0, 0, 0) linear-gradient(90deg, #ff8a2b 0%, #ffc561 100%) repeat scroll 0 0; }
.filedl img { height: 15px;margin: 0; }
.downloadbg tr:hover { background: rgba(0, 0, 0, 0) linear-gradient(90deg, #ff8a2b 0%, #ffc561 100%) repeat scroll 0 0 !important; }

Then used this code in the post.

Code: Select all

[color=purple][size=120][b]Extension Download:[/b][/size][/color]
[table=42 downloadbg][thead][tr=filedl][th=100 textleft][img]http://sniper-e.com/ext/dmzx/filedownload/styles/all/theme/images/downloadarrow.png[/img][float=right]Tables 2.0.7 Extension Download[/float][/th][/tr][/thead][tbody][tr=null][td=null][attachment=0]tables_2_0_7.zip[/attachment][/td][/tr][/tbody][/table]

filedownload-table.gif

[shijixuexi]

Good job Sniper,

How to make the table from
┌──┬──┐
├──┼──┤
└──┴──┘
to this?
┌─────┐
├──┬──┤
└──┴──┘

OR from
┌──┬──┐
├──┼──┤
└──┴──┘
to this?
┌──┬──┐
│──├──┤
└──┴──┘

[Hartenheer]

Komt er ook voor 3.2 een versie uit?

Tables also present 3.2 out?

[Sniper_E]

Good job Sniper,

How to make the table from
┌──┬──┐
├──┼──┤
└──┴──┘
to this?
┌─────┐
├──┬──┤
└──┴──┘

OR from
┌──┬──┐
├──┼──┤
└──┴──┘
to this?
┌──┬──┐
│──├──┤
└──┴──┘

In order to create tables with those functions it would have to be setup with options of colspan and rowspan. The old tables mod had that in it but was complicated. I will have to think about that feature.

[ Post made via Samsung Galaxy S5 Active ]

[Sniper_E]

Komt er ook voor 3.2 een versie uit?

Tables also present 3.2 out?

I'll have to check 3.2.0 table codes and see what has changed. I have not tried this in 3.2.0 yet. Plus phpbb has given me a list of things I need to change to make this exceptible for them.

[ Post made via Samsung Galaxy S5 Active ]