Page container rounded

[FirefoxWiz]

Hey Bas,

Would you happen to know how to make the page container rounded (using corner images) on the top and bottom? I'd really like to learn how cause I think it really looks good.

If you could take the time to show me that'd be great.

Many thanks,
FFW

[ivgeo]

Hi,

I am a bit lazy to write my own tutorial but here you can find good explanation how to build boxes with curves.

http://www.sitepoint.com/article/css-rou...xes-curves

My approach is almost identical.

If you still don't understand anything ask me here!

[FirefoxWiz]

Okay, I'll read through it and see if I can do it. I want to round the page container on a new theme I'm making.

You should write tutorials. =P

[FirefoxWiz]

Okay, I'm confused. =P

Where do I put the

Code:

<div class="bl"><div class="br"><div class="tl"><div class="tr">

in the header?

I guess I put it in the header....

[ivgeo]

If you want everything (forum) to be in one box with rounded corners put it in the header (at the beginning).
You can replace <div id="container">

don't froget to add </div></div></div> in the footer (at the end).

[FirefoxWiz]

So I add the </div></div></div> at the bottom of the header? or in the footer?

[FirefoxWiz]

Apparently something went wrong. It looks like this now:
13 views93.44 KB

[ivgeo]

where did you add </div></div></div>?

It should go at the bottom of the footer template!

[FirefoxWiz]

It's in the bottom of the footer template.

[ivgeo]

ahh sorry, I think I figured it out.

Do you have

Code:

width: 20em;

somewhere in your css?
if you do, please remove that line

Do not copy paste code before you understand everything!