/    Sign up×
Community /Pin to ProfileBookmark

cursor file type

Copy linkTweet thisAlerts:
Aug 04.2006

I’m just learning CSS and want a different cursor than just the default. What file types must the cursor be? I tried a gif file cursor, but it didn’t seem to work.

to post a comment
HTML

16 Comments(s) ↴

Copy linkTweet thisAlerts:
@ray326Aug 04.2006 — Any image type can be used but the server must be properly configured and the browser must be able to render the image. Many servers and browsers will not recognize *.ani cursors for example.
Copy linkTweet thisAlerts:
@GreenPauthorAug 05.2006 — <STYLE type="text/css">

<!--

body { cursor: url(http://i10.photobucket.com/albums/a147/bemyhost/square3.gif) }

a { cursor: url(http://i10.photobucket.com/albums/a147/bemyhost/square3.gif) }

-->

</STYLE>


I can't get this to work. The cursor just doesn't change into the gif image that I want.

It works out fine if I use a .cur file instead of a gif

What's wrong with using a gif cursor?
Copy linkTweet thisAlerts:
@ray326Aug 05.2006 — body { cursor: url(http://i10.photobucket.com/albums/a147/bemyhost/square3.gif),default }

a { cursor:url(http://i10.photobucket.com/albums/a147/bemyhost/square3.gif),default }
Copy linkTweet thisAlerts:
@GreenPauthorAug 05.2006 — It won't work still. Help!
Copy linkTweet thisAlerts:
@pacerierAug 05.2006 — hopefully this works:
[code=html]<body style="cursor:url('yourfile.cur');">[/code]

im not sure if you could use gif, but better to use .ani and .cur files.
Copy linkTweet thisAlerts:
@ray326Aug 05.2006 — CUR files are usually served correctly, ANIs are not. Any web-friendly image type should be acceptable.
Copy linkTweet thisAlerts:
@ray326Aug 05.2006 — It won't work still. Help![/QUOTE]Time for you to post a link. You have something else wrong that you're not showing.
Copy linkTweet thisAlerts:
@GreenPauthorAug 06.2006 — I put the css for the cursor inside the <div> tag.


[URL=http://www.practiceboard.com/?4256520]See here[/URL]


I tried a .cur cursor and it worked fine. Why doesn't the gif work as cursor?
Copy linkTweet thisAlerts:
@pacerierAug 06.2006 — did you make sure of the dimensions of the picture, and which browser are you testing it on
Copy linkTweet thisAlerts:
@GreenPauthorAug 06.2006 — The gif image is very small. I'm on IE6.0

Does anyone know the problem? Maybe gifs just don't work?
Copy linkTweet thisAlerts:
@GreenPauthorAug 06.2006 — I'm attaching the gif image.

[upl-file uuid=e83346ff-037c-4995-b7fd-fafcf7096466 size=190B]square3.gif[/upl-file]
Copy linkTweet thisAlerts:
@ray326Aug 06.2006 — All I did was add the ",default" after the url, clicked the See HTML button and it worked.
Copy linkTweet thisAlerts:
@GreenPauthorAug 07.2006 — All I did was add the ",default" after the url, clicked the See HTML button and it worked.[/QUOTE]

I just tried the same and it still is not working. Why????
Copy linkTweet thisAlerts:
@ray326Aug 07.2006 — As always, you can find more information about IE on the Mozilla site than on the Microsoft site. IE only supports CUR and ANI.

http://developer.mozilla.org/en/docs/Using_URL_values_for_the_cursor_property
Copy linkTweet thisAlerts:
@GreenPauthorAug 07.2006 — Thank you so much, ray326!!
×

Success!

Help @GreenP spread the word by sharing this article on Twitter...

Tweet This
Sign in
Forgot password?
Sign in with TwitchSign in with GithubCreate Account
about: ({
version: 0.1.9 — BETA 5.6,
whats_new: community page,
up_next: more Davinci•003 tasks,
coming_soon: events calendar,
social: @webDeveloperHQ
});

legal: ({
terms: of use,
privacy: policy
});
changelog: (
version: 0.1.9,
notes: added community page

version: 0.1.8,
notes: added Davinci•003

version: 0.1.7,
notes: upvote answers to bounties

version: 0.1.6,
notes: article editor refresh
)...
recent_tips: (
tipper: @AriseFacilitySolutions09,
tipped: article
amount: 1000 SATS,

tipper: @Yussuf4331,
tipped: article
amount: 1000 SATS,

tipper: @darkwebsites540,
tipped: article
amount: 10 SATS,
)...