CSS Custom Cursors

Question

This should be easy, but I am pulling my hair out!

What tool do you use to create custom .CUR files for use in CSS? Are there any online GIF to CUR converters? Any plugins for PaintShop Pro that allow saving of CUR format? How about free downloadable libraries of cursors?

Answer 1

If you don't need animated cursors, .cur is the same as .ico, just rename.

Answer 2

You should know that cross browser support for this is very poor. Built in named cursors are fine, but you can't count on most browsers to load an external cursor file. And it's probably a very bad idea from a usability standpoint anyway...

Answer 3

There are a multitude of applications that can edit cursor files. I even think Photoshop can do this.

Here is a freeware one: http://www.download.com/JustCursors/3000-2317_4-10406297.html?cdlPid=10406298

I haven't tried it though, but it seems very minimalistic.

Answer 4

Some more freeware

RealWorld Cursor Editor

IconArt

Answer 5

A solution without using cursors would be to use a javascript function to keep an image at the position of the user's cursor (would be easy with jQuery) and hide the cursor.

cursor: none;

Answer 6

If you happen to be using Visual Studio, you can also use it to create cursors. For example in VS 2005 (full version): Add -> New Item -> Cursor File.

Answer 7

You should read this post: (there's an example link at the bottom)
http://beradrian.wordpress.com/2008/01/08/cross-browser-custom-css-cursors/

and the implementation:

cursor:url(redarrow.cur), url(cursor/redarrow.cur), default;

and I quote:

"Everytime you want to define a crossbrowser CSS cursor you should define it as a list containing the url relative to the source element, the url relative to the style sheet and the default value."

also, there are hundreds of freeware programs to make .ico files... after a 10 sec search on Google
I found this