How to make Rounded Corners?

[Juiced Servers]

Hey guys,

I want to add some round corners to my forums below:



The top right and top left corners of the 'white' table I want to be rounded...preferably without images..

Ive spent hours trying but have failed. If anyone can please help thatd be great.

[veenuisthebest]

Google border-radius property of CSS3. Its easy..

[cbiweb]

Just remember not everyone will be able to see your rounded corners, since not all browsers support it in CSS3 - and that includes IE8!

[Trevor Hannant]

There's various Javascript methods for this as well so as long as users have Javascript enabled too...

[Juiced Servers]

Google border-radius property of CSS3. Its easy..

I know....I already use them on my main site:

-moz-border-radius-bottomleft:7px;
-moz-border-radius-bottomright:7px;

However i dont know where to put them...Ive tried in the header template in vbulletin style admin...but never worked.

Just remember not everyone will be able to see your rounded corners, since not all browsers support it in CSS3 - and that includes IE8!

Ya I know I already use them!

I would just like someone to really point me exactly where I need to put what since I have already wasted countless hours on this.

[hitmancode47]

You would be better off making it into an image, then converting it to a .gif and uploading the image.

[Floris]

gif images are for people who still believe in 1999.
It's 2010, use modern browsers and today's format. PNG.
Or just do it like we will tomorrow, and use CSS.

[veenuisthebest]

I know....I already use them on my main site:

-moz-border-radius-bottomleft:7px;
-moz-border-radius-bottomright:7px;

However i dont know where to put them...Ive tried in the header template in vbulletin style admin...but never worked.



Ya I know I already use them!

I would just like someone to really point me exactly where I need to put what since I have already wasted countless hours on this.

You do not put them in template.. You put them in Extra CSS Attributes box of a class in Style Manager -> Main CSS

[Protoss]

CSS round corners...

http://blog.benogle.com/2009/04/29/css-round-corners/

[Arkham]

Spiffy Corners

I've been using SpiffyCorners for a friend's site. It's quick and easy, but some people don't like using multiple nested divs. It works well though.

http://www.spiffycorners.com/