Table Class - How?

I see mods and admins here use nice and neat looking tables for Moderation actions and informative stuff, but how do you guys do that? How can I use the same (similar) tables in my forum!?

Thanx!
Forum Link
Invision

You can use BBCode for those tables, like HTML.
For this table:

Test..........................................................

you can use this code:

Code:


[table style="background-color: #CFDCE8;    border: 1px solid #B8C5D0;    border-radius: 3px 3px 3px 3px;    color: #26547A;    font-weight: 700;
    padding: 5px 5px 5px 30px;  width: 97%;"][tr][td]Test..........................................................[/td][/tr][/table]

you can also define the style of the table in your CSS:

Code:

.your_Table_Class {
background-color: #CFDCE8;
    border: 1px solid #B8C5D0; 
  border-radius: 3px 3px 3px 3px; 
 color: #26547A; 
 font-weight: 700;
    padding: 5px 5px 5px 30px; 
width: 97%;
}


And this is the code for the table in the posting:

Code:

[table class="your_Table_Class"][tr][td]Content[/td][/tr][/table]

If Html is allowed in your forum, you can also use HTMl for those tables

+1 thanks man! But what I'm actually looking for is the CSS code for the tables being used here (if they tell me that is)

also a short image on the left

You can use the Firefox AddOn Firebug to look for those CSS Codes

oh! but i dont have firefox,

I don't know, but maybe Firebug is available for chrome too

Imma wait for a mod or admin, and if necessary I'll get firefox firebug, thanx a lot man!

If you mean that you want to style a table in your css stylesheet you can do this:

Step 1: Copy and paste this code into your css style sheet (ACP>>Display>>Colors>>CSS

Code:

    .cpinfo {
    border: 1px solid;
    margin: 10px 0px;
    padding:15px 10px 15px 50px;
    background-repeat: no-repeat;
    background-position: 10px center;
    }
    .cpinfo {
    color: #00529B;
    background-color: #BDE5F8;
    background-image: url('ICON URL GOES HERE');
    }

Step 2:
Use this bbcode where you want to use the table in a post or anywhere else in the forum:

Code:

    [table class="cpinfo"][tr][td]Your text goes here[/td][/tr][/table]