Learning Drupal is the smartest thing you can do.
- Panic 2006
Rounded corners with border
Tuesday, November 10, 2009 - 10:27
The jquery Rounded Corners module is a nice tool if you need rounded corners for divs, classes, blocks etc. I needed rounded corners for a container on my project, I'm using Blueprint 3 framework and this was really easy. The rounded corners module needs to be updated with the latest version, you can download it from here. Replace the version you have in you're Rounded corners module. First I had to create a class for my container:
background-color: #ffffff;
border: 1px solid #cccccc;
border: 1px solid #cccccc;
Then I updated my page-front.tpl.php
"container conbck"
And here is the code that goes in the Rounded corners configuration page within administer - site configuration:
(".conbck").corner("round 8px").parent().css('padding', '4px').corner("round 8px");
Rounded corners with CSS3
Dont work in IE. But...I think this can be done in the stylesheet without jquery, Morten, sample:
-moz-border-radius:8px;
-webkit-border-radius:8px;
-opera-border-radius:8px;
background: #fff;
border: 1px solid #ccc;