Rounded corners on header/navbar?

[mikey84]

Can someone please help me get rounded corners on these 4 points?



Forum link: http://polishsoccer.com/

Thanks for any help!

[PlanetStyles.net]

Easiest done using CSS3.

Place the following code at the bottom of your colours.css file :

Code: Select all

.headerbar {
    border-radius: 10px 10px 0px 0px; 
    -moz-border-radius: 10px 10px 0px 0px; 
    -webkit-border-radius: 10px 10px 0px 0px; 
}

#page-header .navbar {
    border-radius: 0px 0px 10px 10px; 
    -moz-border-radius: 0px 0px 10px 10px; 
    -webkit-border-radius: 0px 0px 10px 10px; 
}

[mikey84]

Easiest done using CSS3.

Place the following code at the bottom of your colours.css file :

Code: Select all

.headerbar {
    border-radius: 10px 10px 0px 0px; 
    -moz-border-radius: 10px 10px 0px 0px; 
    -webkit-border-radius: 10px 10px 0px 0px; 
}

#page-header .navbar {
    border-radius: 0px 0px 10px 10px; 
    -moz-border-radius: 0px 0px 10px 10px; 
    -webkit-border-radius: 0px 0px 10px 10px; 
}

WOW! What an easy way to do it. Thanks a bunch!

Is there a easy way to do the same for the black bar on the bottom of the page? And the black bar on the top in my sportsbook?

[PlanetStyles.net]

Sure

Above the code you just added, add this:

Code: Select all

.navbar {
border-radius: 5px; 
-moz-border-radius: 5px; 
-webkit-border-radius: 5px; 
}

[mikey84]

Sure

Above the code you just added, add this:

Code: Select all

.navbar {
border-radius: 5px; 
-moz-border-radius: 5px; 
-webkit-border-radius: 5px; 
}

That worked great. Thank you!

[Zavier15]

Sorry for the bump...

This really helped me but how do I do the thread areas? This does the header/nav bar. I couldn't find the forum category method... or its just too late.

-Z

[Neculai Anisor]

Wow thats work ! thanks