Using cursors on the web

Before using the cursors please read the TOS.


* Make sure you have already saved the cursor to your web directory.
* I recommend that you have your new cursor in the same directory file as the web page you are adding it to. That will make it much easier to add to your web page.

1. Insert the following style sheet into the HTML part of your webpage.
* Be sure to place it just before the </BODY> tag.

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

2. Change the "YOUR.cur" to the name you saved your new cursor as.

3. Now save your web page.
* Make sure it is working correctly by viewing your saved webpage in Internet Explorer.

---

If you would also like to change the cursor that appears when your mouse rollover a link follow the same steps as above EXCEPT use the code below.

Use this code if you only want to change the roll over cursor
<style> <!-- a:hover { cursor: url("YOUR.cur"); } --> </style>

Use this code if you want to change BOTH main cursor and rollover cursor
<style> <!-- BODY{ cursor: url("YOUR.cur"); } a:hover { cursor: url("YOUR.cur"); } --> </style>