Custom Cursors With CSS
Written by Dale Humphries

Have you ever been browsing the web and seen how some sites have different cursors for links? Well in this short tutorial I intend to show you how to do this. Please note, to do this tutorial, you should have basic knowledge of CSS.

1. The first thing to do is to open your CSS file and input the following:


This will select a premade cursor to use on hyperlinks. You can also use your own image, with this code:


2. Below is the full list of premade cursors you can use. But be warned using them too much or in the wrong place can be very annoying for visitors to your site:


Thank you for using this tutorial

Nice for begginers.

Shame I already knew this

- Adam

Hey, Im still yet to learn CSS.. Never really took interest in it.. but down I am.. this is a great little tutorial.. very clear

Thankyou

I dont know 1 line of code, but since this seams so easy and i DO have made some cursors in michelagelo i will try this out this evening
THX!

Keep them comming those tuts, cos i i making website for my father in law !

k,
didnt work,

damn, even the easiest tuts i cant do.
Whenever coding is involved, i just die
HELP !

Using Dreamweaver
Started new CSS called style1
there i could easily change cursor to crosshair
then i went on the page and searched in the html code where it said style1 and wanted to chenge the cursor (crosshair) to a custom made one, using your url(cursor.cur) code, but i dont know what i have to put exacly for url, so i took the absolute address to the cursor, i did something like this: --> www.name.be/2D design/cursors (namecursor.cur), but that didnt work .




Also, a long time ago i could make a "secure" page in adobe golive: it was explained in the manual.
But now i am using dreamweaver and and i dont know how to do this, could you help?
dont have any database connected, i jus want when they click on link, they have to type a PW to enter the page.
(so no login and PW with database and access levels r anything)