Creating Custom Cursors for your site

EXPANDED VIEW?

Learn how to create and use custom cursors for your site

Step 1

To create your own cursor, make a 16x16 pixel .gif image and then convert it into a .cur file using Irfanview. In Irfanview, open the file and go to file>save as and choose .cur file and save the file name as you want. If you dont have Irfanview, you can download it here. If you can't be bothered to make your own, just search for 'custom cursors' in google or something and downoad a cursor off the net.

Step 2

Now, simply copy and paste the following code into your source in between the <head> & </head> tags:
Place this code after your <head> tag, but before your </head> tag.

<style>
BODY{cursor: url(customcursor.cur);}
</style>

Step 3

Where the 'customcursor.cur' in the brackets is replace it with your cursor name and your cursor should be changed. Now upload the .cur file onto your server all with your pages.

Hope this helps
iCe

iCe | October 23 2005 | Views: 5320

Back to all tutorials

Rate

Current rating:

Please login or register to rate

Comments

Present comments ( 0 )

Expanded view?

Annoyed with the current consise view? View this tutorial in the expanded form:
Expanded view?

Creating Custom Cursors for your site

EXPANDED VIEW?

Rate

Categories

Comments

Expanded view?