Tabbed Table in Posts [library support]

[JoshDFTBA]

Okay so quick question. I saw earlier back on like page 5 or 6 someone asked about being able to change the tab color depending on the post template, but I wasn't sure if it was fully answered, and if it was I didn't understand the answer.

Can this be done using inline CSS? I know we can change the content box background color for each tab and such adding inline to the closing tag for Ptab, but I haven't been able to change the actual Tab background color other than making a default color using the site CSS.

So essentially I'm just trying to make it to where anyone on the site that's posting a table can change the color of each tab to whatever they want without us having to constantly change the main CSS of the site.

Sorry if I make so sense...been staring at codes for hours and my brain is dead. x.x

[Wormopolis]

there is an option in the setting to make the tabs follow the div color they belong to. if you setup css for each PTab the tab itself will get the same treatment

[JoshDFTBA]

Jan 31, 2014 18:34:47 GMT -8 Wormopolis said:

there is an option in the setting to make the tabs follow the div color they belong to. if you setup css for each PTab the tab itself will get the same treatment

Thanks! For some reason I overlooked that. 

[Former Member]

Heya Wormopolis, so I caught an odd error caused by this plugin. When you input numbers prefaced with a dollar sign, it seems to sometimes make those numbers invisible, but its' not every single time and sometimes it only gets rid of one number like $40 might become 0. Upon disabling the plugin, the numbers showed up right, so I know the plugin is the cause. For example, in the Costs tab of this thread alcryst.net/thread/17/central-laws one part is supposed to look like this

Monthly. If you pay once a month for your subscription, you will pay $10 during the first week of every month. This is a month by month basis.
Quarterly. If you pay for 3 months all at once, you will receive 20% off per month at a rate of $8/month for a total of $24 due up front. This must be renewed the fourth month, during the first week.
Semiannually. If you pay for 6 months all at once, you will receive 30% off per month at a rate of $7/month for a total of $48 due up front. This must be renewed the seventh month, during the first week.
Annually. If you pay for 12 months all at once, you will receive 40% off per month at a rate of $6/month for a total of $72 due up front. This must be renewed the thirteen month, during the first week.

And it's showing up like this once you post/edit the message

Monthly. If you pay once a month for your subscription, you will pay 0 during the first week of every month. This is a month by month basis.
Quarterly. If you pay for 3 months all at once, you will receive 20% off per month at a rate of $8/month for a total of 4 due up front. This must be renewed the fourth month, during the first week.
Semiannually. If you pay for 6 months all at once, you will receive 30% off per month at a rate of $7/month for a total of ={border:0px;background-color:#75664e;}8 due up front. This must be renewed the seventh month, during the first week.
Annually. If you pay for 12 months all at once, you will receive 40% off per month at a rate of $6/month for a total of $72 due up front. This must be renewed the thirteen month, during the first week.

You'll see that some numbers are missing or cut off and one part gets replaced by a snippet of code that is most definitely not intentionally there. xD

This has happened in other threads on the site and always within the tabbed table, at least that I've noticed

[Wormopolis]

interesting.. its treating the $N as a regexp recall and substituting in whatever was saved in the last regexp check.. never seen that before...

[Former Member]

Any idea what's causing it or how to fix it?

[Wormopolis]

no. it requires research and time Im currently short on. maybe try \$ and see if it leaves them alone

[Former Member]

Alrighty, no problem. I'll try that and if not I'll find a way to rephrase it without using the $ sign. Thank you for helping me as best you could! ^^

[Boy_Wonder]

I pulled this up with you before on SHIELD having the same issue wormo, you suggested then using just between the $ and the first number

[Wormopolis]

example: $[b][/b]40

[littlebabe322]

So I don't want the border around the tabbed table is there any way to get rid of that because every time I take it out of the CSS it's still showing up on the post.

/* Tabbed Posts */
.post .message table.PT_table {width: 100%; } /* Overall table default */
.PT_table .PT_table_header {text-align: center; font-weight:bold; font-size:20px; color: #000;} /* Table title if there is one */
.PT_table .PT_tabs {text-align:center; background-color: #30928b; ;} /* Tabs unselected */
.PT_table .PT_tabs_selected {text-align:center; background-color: #76775f;} /* Tabs selected */
.PT_table .PT_tabs_hover {text-align:center; background-color: #76775f; } /* Tabs hover */
.PT_table .PT_tabs_selected_hover {text-align:center; background-color: #30928b; } /* Tabs selected Hover */
.PT_table .PT_spots {background-color:#aaa786;} /* The content sections under the tabs */

That's my css and I have it at the very bottom of my Forum CSS in the style sheet. This is the thread that I'm trying to do it on. Face Claim

[Wormopolis]

.post .message table.PT_table {width: 100%; border:none}

should be able to remove it. or set it to 0px

[de Plume]

Hey there Wormopolis. I tried changing the table's width (using both pixels and percentages) but to no avail. I also can't get rid of the outer border (but I don't want to get rid of the border, I simply want to change its colour. I don't want the square border around the whole thing, though.). Here is how it currently looks: (link)

And here is the code: (It's at the bottom of /* Posts */ section)
.post .message table.PT_table {width: 500px; background-color: #efefef; border: #e5e5e5 solid 1px; padding: 10px; border-radius: 10px;} /* Overall table default */
.PT_table .PT_table_header {text-align: center; font-weight:bold; font-size:20px;} /* Table title if there is one */
.PT_table .PT_tabs {text-align:center; background-color: #E5E5E5; border-left: 0px solid; border-right: 0px solid} /* Tabs unselected */
.PT_table .PT_tabs_selected {text-align:center; background-color: #f5f5f5} /* Tabs selected */
.PT_table .PT_tabs_hover {text-align:center; background-color: #e5e5e5} /* Tabs hover */
.PT_table .PT_tabs_selected_hover {text-align:center; background-color: #E5E5E5} /* Tabs selected Hover */
.PT_table .PT_spots {background-color:#efefef;} /* The content sections under the tabs */


Everything else works beautifully.

[Wormopolis]

if you want to inline style a section or the table itself, add CSS to the end tag like:

[/PTabbedContent={color:#FF0000; background-color:#FFFFFF; font-weight: bold;}]


but you can override all tables from the default CSS using

.post td.content div.message table.PT_table


Im looking at reducing the selectivity on the default CSS to make it easier to override, but I need someway to differentiate it from normal post tables that were getting affected by the PB default CSS itself.

[littlebabe322]

May 25, 2014 4:09:48 GMT -8 Wormopolis said:

.post .message table.PT_table {width: 100%; border:none}

should be able to remove it. or set it to 0px

That actually did not work is there something that's overriding it to the point that it's not letting it work? Or is there something more that can be done to fix it? 

EDIT: if anything I don't mind the border there I can even just change the color but even doing so It's still not letting me change it for some reason.