Well, I’ve never heard about making rounded corner purely with css.
What I usually do is design the boxes in paint.net and cut it into 3 parts, box header, body, and footer. Then make 3 boxes using html for the header, content, and footer. the content have variable height which is mean you don’t specify the height, let the content do it. The header and the footer height is specified…
See the sidebar of http://bridgeclubindonesia.co.cc/ which have rounded corner. I do it the way I explained above…
css-tricks.com describes 5 ways of making rounded corners.
Have a look at Chris’ screencast.
Peter
Thread Starter
marupw
(@marupw)
You can do it with images or, more simple, CSS
Thanks pboosten I know, but WHERE IS THE CODE WHERE POST ARE DISPLAY?…
Thanks
The following code works in most up-to-date browsers (including chrome, firefox, safari, opera and perhaps IE 8 but not sure) but your css may not validate:
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
-khtml-border-radius: 3px;
border-radius: 3px;
No worries about it not validating for this, it wont mess anything up..
but WHERE IS THE CODE WHERE POST ARE DISPLAY?…
It’s a combination of files, depending on your theme. In any case it’ll be index.php and style.css, but it can also be: single.php, page.php and all other files that need modification.
I suggest you start with index.php and style.css (in your theme directory, which is [webroot]/wp-content/themes/[theme name]), and see how much you have to modify after that.
Peter
