This block was donated for review by jb1 (aka Josh Bender) at c5extras.com. He is also the creator of such fine blocks as: YouTube Pro, Parent Link and the perennial favorite, Cu3er Slideshow. You can see reviews on all these blocks here and purchase them in the marketplace.
This block will put beautiful curved corners on specified elements on your site. Unlike the CSS3 support for border radius that webkit and mozilla support, this function is generated by javascript and is even available for the remaining 13 users of IE6. The lightning image has a class of "curvy" assigned to it in the design popup.
When I installed the "RCOA" block I specified ".curvy img" as the handle for it to style. As you can see it honors this request and the parrot img, without the style of ".curvy" is unaffected.
|
|
|
|
|
|
Above you can see the Gallery block with a class of ".curvy-sm" which had a specified px radius of 5px.
Below, I have created a content block with an otherwise un-styled unordered list. I applied a class of ".rcoa-list" to it in the design popup to apply some color and a drop shadow. Then I used "RCOA" to curve the corners 5px using my css selector.
All specified from one instance of the "RCOA" block on the page. Available in the marketplace for $15 bucks.
- Praesent eget neque eu eros interdum malesuada
- Nulla fringilla, orci ac euismod semper, magna diam porttitor mauris
- Morbi a enim in magna
- Quisque lacus quam, egestas ac tincidunt a, lacinia
- Etiam at risus et justo dignissim congue. Donec congue lacinia dui
- Class aptent taciti sociosqu
- Morbi a enim in magna semper bibendum. Etiam scelerisque, nunc ac
.rcoa-list ul li {
list-style-type: none;
background-color: #899282;
margin-bottom: 9px;
padding: 4px 4px 4px 8px;
box-shadow: 0px 0px 8px #999;
-webkit-box-shadow: 0px 0px 8px #999;
-moz-box-shadow: 0px 0px 8px #999;
}
.rcoa-list ul li:hover {
background-color: #97975b;
box-shadow: 0px 0px 2px #333;
-webkit-box-shadow: 0px 0px 2px #333;
-moz-box-shadow: 0px 0px 2px #333;
}
