The forum of the forums
Would you like to react to this message? Create an account in a few clicks or log in to continue.

Table Class - How?

3 posters

Go down

Table Class - How? Empty Table Class - How?

Post by Rhino.Freak Sun 24 Mar - 5:59

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
Rhino.Freak
Rhino.Freak
Helper
Helper

Male Posts : 1248
Reputation : 104
Language : English
Location : Mumbai, India

http://freetest.forumotion.net/

Back to top Go down

Table Class - How? Empty Re: Table Class - How?

Post by Mariofan13 Sun 24 Mar - 6:16

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 Wink


Last edited by Mariofan13 on Sun 24 Mar - 6:20; edited 1 time in total
Mariofan13
Mariofan13
Forumember

Male Posts : 188
Reputation : 6
Language : German, English, Latin, 1337, HTML, CSS, BBCode, Wikitext
Location : Mushroom Kingdom

http://mario-forum.net

Back to top Go down

Table Class - How? Empty Re: Table Class - How?

Post by Rhino.Freak Sun 24 Mar - 6:18

+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


Last edited by Rhino.Freak on Sun 24 Mar - 6:23; edited 1 time in total
Rhino.Freak
Rhino.Freak
Helper
Helper

Male Posts : 1248
Reputation : 104
Language : English
Location : Mumbai, India

http://freetest.forumotion.net/

Back to top Go down

Table Class - How? Empty Re: Table Class - How?

Post by Mariofan13 Sun 24 Mar - 6:21

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

Male Posts : 188
Reputation : 6
Language : German, English, Latin, 1337, HTML, CSS, BBCode, Wikitext
Location : Mushroom Kingdom

http://mario-forum.net

Back to top Go down

Table Class - How? Empty Re: Table Class - How?

Post by Rhino.Freak Sun 24 Mar - 6:24

oh! but i dont have firefox, :/
Rhino.Freak
Rhino.Freak
Helper
Helper

Male Posts : 1248
Reputation : 104
Language : English
Location : Mumbai, India

http://freetest.forumotion.net/

Back to top Go down

Table Class - How? Empty Re: Table Class - How?

Post by Mariofan13 Sun 24 Mar - 6:25

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

Male Posts : 188
Reputation : 6
Language : German, English, Latin, 1337, HTML, CSS, BBCode, Wikitext
Location : Mushroom Kingdom

http://mario-forum.net

Back to top Go down

Table Class - How? Empty Re: Table Class - How?

Post by Rhino.Freak Sun 24 Mar - 6:28

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

Male Posts : 1248
Reputation : 104
Language : English
Location : Mumbai, India

http://freetest.forumotion.net/

Back to top Go down

Table Class - How? Empty Re: Table Class - How?

Post by runawayhorses Sun 24 Mar - 7:36

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]
avatar
runawayhorses
Hyperactive

Male Posts : 2537
Reputation : 166
Language : English
Location : United States

http://runawayhorses.alldiscussion.net/

Back to top Go down

Back to top


 
Permissions in this forum:
You cannot reply to topics in this forum