SOLUTION: Borders with rounded corners

kirikintha - July 6, 2008 - 17:36
Project:Rounded corners
Version:5.x-1.x-dev
Component:Miscellaneous
Category:feature request
Priority:normal
Assigned:Unassigned
Status:active
Description

Hi everyone, I have been wanting rounded corners with borders for some time, and I find the rounded corners module works much better than most over all platforms and I did a little investigating an found this

* jQuery corner plugin
*
* version 1.92 (12/18/2007)
http://jqueryjs.googlecode.com/svn/trunk/plugins/corner/jquery.corner.js

and this:

http://malsup.com/jquery/corner/

All you have to do is wrap your divs in an inner and out div, and bam it works.

I realize people are going to say, can you automate it so I do't have to wrap all my divs, so this is why I'm putting it in as a feture request, but if you are willing to wrap a div tag or two (as in my case) you do not need to modify this module to get it to work.

Content Goes Here

In rounded corners:

$(".inner").corner("round 7px").parent().css('padding', '1px').corner("round 7px")

or whatever you wish!

Cool!

#1

JohnnyMoney - September 9, 2008 - 07:17

Hi, thanks.
Is it my imagination or is Jquery corners drawing corners with less quality than the javascript called curvy corners (http://www.curvycorners.net/index.php)?

#2

kirikintha - October 22, 2008 - 16:19

I think you are correct - I just prefer this over curvy corners - to be honest I don't remember why I chose one over the other, I think I had problems with some browsers and this worked better. Use what works best for you!

 
 

Drupal is a registered trademark of Dries Buytaert.