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

2 Responses to “2-min Rounded Corners”


  1. […] Gmail class names, icons and rounded corners, oh my! Saved by fruit9129 on Sun 12-10-2008 2-min Rounded Corners for Your DIV Saved by InuyashaFanGirl999 on Sat 11-10-2008 CSS Rounded Corners ‘Roundup’ Saved by MonoBrow […]


Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s

%d bloggers like this: