rounded corners with css and javascript

SUPERSEEDED, PLEASE SEE Rounded Corners with Jquery

original at http://www.ruzee.com/blog/ruzeeborders.

Source files at http://www.ruzee.com/files/ruzeeborders-0.16.1.zip

Steps

1. include the following scripts on your page

<script src="cssquery2-p.js" type="text/javascript"><!--mce:0--></script>
<script src="ruzeeborders.js" type="text/javascript"><!--mce:1--></script>

2.include the following javascript on your page in the <head></head> section

RUZEE.Borders.add({
 
"div#divid,div#anotherdivid, blockquote, #left ul, p#contact" : {
 
borderType:"simple",
 
cornerRadius:8,
 
shadowWidth:0
 
}
 
});
 
window.onload=function(){
 
RUZEE.Borders.render();
 
};

be sure to replace “div#divid,div#anotherdivid, blockquote, #left ul, p#contact” with the element id or tags that you want to be rounded

Tags: ,

Leave a Reply

Name and Email Address are required fields. Your email will not be published or shared with third parties.