Customized Cursors for website

[afidelino]

I wan just wondering, if there is someone who could probably help me with customizing my cursors. I mean i want to show different cursors to my user. I want to give him a selectable option for the same. How do i go about with this. Can somebody help!!

[Reegan]

What you can do is probably create a new cursor file(.cur) or use one of the default cursor files, which can be located in Windows > Cursor folder, and place it in the same place as the page resides in your web package. Then you need to simply add the following code before the HEAD section of that page

<style>
<!--
BODY{
cursor:url("cursorName.cur");
}
-->
</style>

, where cursorName.cur is the name of the cursor file you want to display. Hope this is all that is required by you.

[afidelino]

Yes that was Somewhat close to what was required, but is there some way by which i could just give some different cursors to different objects on the page?

[Reegan]

To change the cursor according to the object it moves over, what we can do is just put predefined cursor images on the page, then, depending on what cursor is selected, add the specific style code, like

<span style="cursor:pointer;cursor:wait">This span has a "wait" signal</span>

Post if anything else is required. Will be happy to help.