Posts Tagged ‘corners’

14
Apr
2009

Rounded Corners with JQuery

by trilobita

As with most things Jquery has simplified and improved the process.

For rounded corners just use the jquery plugin jquery.corner.js

and in your code:-

$('#id1, #id2 ul ').corner();

and that’s it!

Tags: , , , ,
Posted in Development, JQuery, css, javascript | No Comments »

15
Feb
2007

rounded corners with css and javascript

by trilobita

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: ,
Posted in Development, css, javascript, xhtml | No Comments »