2-min Rounded Corners

August 26, 2008

1. Download Nifty Cube© from  http://www.html.it/articoli/niftycube/NiftyCube.zip

2. Extract zip file into somewhere in your web folder (say   myProject/NiftyCube/)

3.  You have a page with DIV whose ID is “xyz”  and want to have rounded corners for that div.

ADD these lines to your header section

<link rel=”stylesheet” type=”text/css” href=”NiftyCube/niftyCorners.css”>
<link rel=”stylesheet” type=”text/css” href=”NiftyCube/niftyPrint.css” media=”print”> <script type=”text/javascript” src=”NiftyCube/niftycube.js”></script>
<script type=”text/javascript”>
window.onload=function(){
Nifty(“DIV#xyz”);
}
</script>

Voila!

For more details and look at this excellent library, Visit http://www.html.it/articoli/niftycube/index.html

Advertisements