The forum of the forums
Welcome to the Official Support Forum of Forumotion!

To take full advantage of everything offered by our forum, please log in if you are already a member, or join our community if you've not yet.



Create a free forum like this one.

Table Class - How?

View previous topic View next topic Go down

Table Class - How?

Post by Rhino.Freak on March 24th 2013, 12:59 pm

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
Active Poster

Male Posts : 1243
Reputation : 105
Language : English
Location : Mumbai, India

http://freetest.forumotion.net/

Back to top Go down

Re: Table Class - How?

Post by Mariofan13 on March 24th 2013, 1:16 pm

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 March 24th 2013, 1:20 pm; edited 1 time in total

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

Re: Table Class - How?

Post by Rhino.Freak on March 24th 2013, 1:18 pm

+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 March 24th 2013, 1:23 pm; edited 1 time in total

Rhino.Freak
Active Poster

Male Posts : 1243
Reputation : 105
Language : English
Location : Mumbai, India

http://freetest.forumotion.net/

Back to top Go down

Re: Table Class - How?

Post by Mariofan13 on March 24th 2013, 1:21 pm

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

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

Re: Table Class - How?

Post by Rhino.Freak on March 24th 2013, 1:24 pm

oh! but i dont have firefox, :/

Rhino.Freak
Active Poster

Male Posts : 1243
Reputation : 105
Language : English
Location : Mumbai, India

http://freetest.forumotion.net/

Back to top Go down

Re: Table Class - How?

Post by Mariofan13 on March 24th 2013, 1:25 pm

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

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

Re: Table Class - How?

Post by Rhino.Freak on March 24th 2013, 1:28 pm

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

Rhino.Freak
Active Poster

Male Posts : 1243
Reputation : 105
Language : English
Location : Mumbai, India

http://freetest.forumotion.net/

Back to top Go down

Re: Table Class - How?

Post by runawayhorses on March 24th 2013, 2:36 pm

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]

runawayhorses
Hyperactive

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

http://runawayhorses.alldiscussion.net/

Back to top Go down

View previous topic View next topic Back to top


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