How do I make the forum corners round Like my forum here!

Code:

.main-head {
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
}

Hope that helped

Nope that didn't change any thing.

Hey!

Which version do you have?
phpBB3 has rounded corners by default.

I have phpBB3 and always that xD

If you have check the link on my first post and you see the forum have made by Matei and there are 3 images like the (header - body - footer) like this



How do I make that

Oh, lol.
It is just images mate

Yes, there are 3 images

I'm not that advanced with Forumotion selectors yet, I am still only learning through firebug and trying to remember them all...

Monk wrote:Yes, there are 3 images

You can add backgrounds to 3 different selectors...

#page-header
#page-body
#page-footer

Add backgorund images using background : url();

This is the current code

Code:

#page-header{
width: 984px;
background: url(http://i30.tinypic.com/33w9oqb.png) no-repeat top center;}

#page-body{
background: url(http://i66.servimg.com/u/f66/13/46/75/82/body33.png) repeat-y center !important;
width: 100%;
margin: 0px 0px;}

#outer-wrapper{
padding: 4px 0px;}

#page-footer{
float: center !important;
width: 984px;
background: url(http://i66.servimg.com/u/f66/13/46/75/82/f11.png) no-repeat bottom center;
height: 70px;}

I tried that and didn't work. so how do I make my forum corners round.

if you need any other screen shot please tell me?

This can be changed without codes, you have to round the images with a image editing tool.

Give me the screenshots and ill try to do.

When you add the code, what happens?
Doesn't it change anything?

Have you written the code yourself or taken from the theme?

When I add them nothing happen.

About the code no I didn't written the code I toke it from my forum to show you how they are. so how can we do this.

The code must work if you add it. I tried it in my forum and it worked thou it was not prefect.

If you just want to learn how to add top, middle and bottom background, here is a tutorial...

Top background image, we don't want it to repeat, but just stay on top...

Code:

#page-header {
background : url(IMAGE URL) no-repeat center top;
}

The body background which will repeat vertically as long as the page goes...

Code:

#page-body {
background : url(IMAGE URL) repeat-y center;
}

Same as top background, we don't want the footer bg to repeat, we just want it to stay on bottom...

Code:

#page-footer {
background : url(IMAGE URL) no-repeat bottom center;
}

Many other parameters affect the background position so this code won't work perfect on all pages, it is just to explain how it is going to work.

It is not working how I want => http://blueskysforum.forumotion.com/forum.htm

And I'm wondering how you made it here at WebArtz.

To make it work perfectly on Forumotion, many other elements need to be modified. I just showed you how to do it on a normal page.

Is there any other way to do it without those 3 images.

I don't think so. If you want to get such fancy layout, you must use background images.

Yeah, but they didn't work if you see on my test forum so what can I do.

As I said, it needs many other surrounding elements to be changed.

First of all, the site width should be equal to the image width.
Then remove the header default backgrounds and add the custom one using the code I gave you above. Do the same with body and footer. Margins and padding of some elements might need to be adjusted.

If you really want to learn it, download some free web templates and observe how they have done it. It is a great way to learn techniques.

Thanks, this is solved now.