Rounded Corners wiki

Placeholder for user-contributed documentation.

Installation

Installation instructions for rounded_corners http://drupal.org/project/rounded_corners

1. Download rounded_corners from http://drupal.org/project/rounded_corners
   and extract the contents into your modules folder.
2. Download jquery.corner.js from http://methvin.com/jquery/jquery.corner.js
   and place it inside your rounded_corners folder.
3. Check administer > settings > Rounded corners to see if jquery.corner.js
   is correctly installed.

JC:RC configuration

in admin/settings/rounded_corners you need to add jquery statements telling the plugin where to apply corners, and the type and radius of the corner to be applied. More documentation about selectors can be found at jquery.org, and more advanced corner implementation can be found at: http://methvin.com/jquery/jq-corner-demo.html

Declarations should be added one per line, and are roughly in the form of
$("#id").corner("corner-type position pixel radius");

or
$(".class").corner("corner-type position pixel radius");

to apply corners to an ID or class respectively.

These examples assume you want rounded corners on your blocks, and that your theme generates blocks with markup similar to this:

To apply round corners with a 10px radius to all corners of all blocks, you would use:
$(".block").corner("round 10px");

To apply round corners to only the top of blocks:
$(".block").corner("round top 10px");

Round corners on top, and bevelled on bottom:
$(".block").corner("round top 10px");
$(".block").corner("bevel bottom 10px");

To apply round corners to only blocks in your right sidebar.
$("#sidebar-right .block").corner("round top 10px");