• Status: Solved
  • Priority: Medium
  • Security: Public
  • Views: 645
  • Last Modified:

Change cursor to your own .gif image

How do you change the cursor if you have a .gif image
use cursor3.gif for your example.
0
chris20040
Asked:
chris20040
1 Solution
 
coreybryantCommented:
You can check out http://www.cometcursor.com/

Another site to review:
http://www.spriteworks.com/cursor.html

Corey
0
 
dorwardCommented:
Convert the gif file to Windows .cur format.
http://www.axialis.com/axcursors/

Then:

body {
  cursor: url("http://me.com/myCursor.cur");
}
0
 
wyckedcrowCommented:
dorward, I'm quite sure your suggestion only works in IE 6+, please correct me if I'm wrong
0
Industry Leaders: We Want Your Opinion!

We value your feedback.

Take our survey and automatically be enter to win anyone of the following:
Yeti Cooler, Amazon eGift Card, and Movie eGift Card!

 
dorwardCommented:
Looks that way, but it doesn't depend on a plugin.
0
 
TGHICommented:
I *think* it worked in 5.5...I can't remember though...
0
 
roc_azureCommented:
Im pretty sure it worked in the version 5+ IE only
0
 
DaydreamsCommented:
I believe that IE6 brought support for custom cursors.
 see: http://www.evolt.org/article/CSS_tricks_for_branding/17/18835/

Just remember that if you use a custom cursor you must declare all the elements you want to use it in, unless it is declared for the body.

Here's a nice "pointer" (sorry for the pun:) about compatibility issues concerning the use of "pointer" and "hand" just fyi:
http://devedge.netscape.com/viewsource/2002/cursor/
0
 
DaydreamsCommented:
I found a free program where you can import a gif file and create a cursor.
You can get it here:

http://www.bouffler.freeserve.co.uk/icon_edit.htm

I downloaded it myself, and it worked quite well. The interface is simple, but it is not all that intuitive. The buttons do not have tooltips. When you open the program, click on the white page icon, to open a new page. Then, click on "icon" on the toolbar, and choose "import image", and import your gif image. You can edit it with the various tools in the program or leave it as is and just save it as an icon or a cursor file. (It will give you a choice). I made a cute little green alien cursor from a gif image, and it turned out rather well:)
0
 
abhimalaniCommented:
<style type="text/css">
body{
cursor: url('myicon.gif');
}
</style>

works in ie6 only. else u could put an icon (image actually) next the cursor that moves whenever the cursor moves.
0
 
DaydreamsCommented:
abhimalani,
cursor: url('myicon.gif');will not work in any browser at this time, it must refer to a .cur file as dorward indicated above.

The quotes are not needed in the brackets, though:

cursor:url(mycursor.cur);
0
 
DaydreamsCommented:
No comment has been added lately, so it's time to clean up this TA.
I will leave a recommendation in the Cleanup topic area that this question is:
That I be awarded the points.
Please leave any comments here within the next seven days.

PLEASE DO NOT ACCEPT THIS COMMENT AS AN ANSWER!

0

Featured Post

[Webinar] Database Backup and Recovery

Does your company store data on premises, off site, in the cloud, or a combination of these? If you answered “yes”, you need a data backup recovery plan that fits each and every platform. Watch now as as Percona teaches us how to build agile data backup recovery plan.

Tackle projects and never again get stuck behind a technical roadblock.
Join Now