MyBB Community Forums

So now everything seems to be fine now, but if I may ask a question my dear friends, here it is:
I want to make rounded backgrounds for my forum. The code is url(url) repeat; , right?
So, I want to have rounded corners only on the top of my forum, so how do I do that?
I mean, if my image had corners, then it would look like this:
||||||||||||||||||||||||||||||||||||||||||||||||||

Now, if I have rounded corners on the top of my thead_bg, the result would look like this:

(|)(|)(|)(|)(|)(|)(|)(|)(|)(|)(|)(|)(|)(|)(|)

That means there will be blank space there.
What I want is this:
(||||||||||||||||||||||||||||||||||||||||||) (the rounded corners being on the top)

So what is the code so I can do it?
Thanks y'all

You can use the following generator to generate the code to your liking.
http://border-radius.com/

After that, open global.css of your theme and add it under thead and tborder.

Mate, you probably didn't really get what I mean:
Here's what it came up when I put that code in:

	background: #b1021a url(images/dezignr/thead_bg.png) top left repeat-x;
        -webkit-border-top-left-radius: 5px;
        -webkit-border-top-right-radius: 5px;
        -moz-border-radius-topleft: 5px;
        -moz-border-radius-topright: 5px;
        border-top-left-radius: 5px;
        border-top-right-radius: 5px;
	color: #ffffff;
        border: 1px solid #636363

Nothing changed, and I haven't got my rounded top corners. I think it's because of the background url + the repeat code. I want to keep the background url + the repeat code, so what code do I enter for that one?

You're wanting rounded corners on your thead right?

border-radius probably still will not work on IE yet.

Exactly. Also please see a post from my friend:

Quote:Instead of an image, use CSS. In the thead class, make sure to have the background set to a specific color. Check this thread: http://community.mybb.com/thread-73261.html

That should help you with what you need.

The problem is that after I'm done editing it, it gives me this (see attachment)
My code's this:

        background: #be0000;
        -webkit-border-top-left-radius: 05px;
        -webkit-border-top-right-radius: 05px;
        -moz-border-radius-topleft: 05px;
        -moz-border-radius-topright: 05px;
        border-top-left-radius: 05px;
        border-top-right-radius: 05px;

Did you forget to add it to the tborder as well?