MyBB Community Forums

Full Version: How to make table headers rounded?
You're currently viewing a stripped down version of our content. View the full version with proper formatting.
I would like to create some images that will do two things. I would like to add a color gradient and rounded edges to my the main portal and forum index table headers. The first I can handle, but I'm not sure how to integrate them. Any tips?

Thanks!
no one?
I guess the table headers are always a fixed height, right?
no, they aren't fixed height. you can make them whatever height you want.
In global.css, add the following code in "table" style,
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
-khtml-border-radius: 6px;
border-radius: 6px;

It'll become like this: [attachment=22715]
Thanks, but that rounds all corners of the table - not just the header.
Any example of what you mean please ?
I believe he wants something similar to my forum
1. Admin CP > Templates & Style > Themes > Your Theme > global.css > Advanced Mode.

2. In the tborder class, add:

-moz-border-radius-topleft: 5px;
-moz-border-radius-topright: 5px;
-webkit-border-top-left-radius: 5px;
-webkit-border-top-right-radius: 5px;

3. In the thead class, add:

-moz-border-radius-topleft: 5px;
-moz-border-radius-topright: 5px;
-webkit-border-top-left-radius: 5px;
-webkit-border-top-right-radius: 5px;