[ruv]

Hi everyone, this is my first post on this forum.

I get asked this question a lot, so I thought I'd share how to change the design of your cursor on a web page using CSS.

First of all, you need to be running Internet Explorer v6. Next, you need to set style in a class in your style sheet..

Pretty simple really..

cursor:url("http://ruv.net/fileadmin/cursors/body.cur");

Sample Usage:
body{
cursor:url("http://ruv.net/fileadmin/cursors/body.cur");
background-color : #FCFAF1;
font-size : 9pt;
margin : 5px;
margin-bottom : 5px;
margin-left : 5px;
font-family: monospace;
margin-top : 5px;
scrollbar-3dlight-color : #996633;
scrollbar-arrow-color : #E7C183;
scrollbar-face-color : #664C2B;
scrollbar-highlight-color :#996633;
scrollbar-shadow-color : #996633;
scrollbar-track-color : #EDE3CC;

}

a {
cursor:url("http://ruv.net/fileadmin/cursors/pointer.cur");

}
a:hover {
cursor:url("http://ruv.net/fileadmin/cursors/pointer.cur");

}

You'll probably want to get a icon program to design your cursors.
I use IconCool Editor url - http://www.iconcool.net

You can see it in action on my homepage.
>> www.ruv.net

Reuven -[ www.ruv.net ]- Cohen

[Quik]

Welcome to d.i.c. Thanks for the information. Perhaps put it in our tutorial section and gain countribution points

[codeman]

Been there, done that. my lil' tute Are you really into CSS too? Welcome to dic.

[ruv]

I checked the forum before I posted the topic, there weren't any posting describing custom cursors & CSS..

Reuven -[ www.ruv.net ]- Cohen

[codeman]

? no, that's ok. My site is totally separate from this site. I was just sayin'... We're not as anal at this forum as they are at tutorialforums.com You know? Where you get banned for posting twice and stuff

[skyhawk133]

thanks for the tutorial, I'm gonna format it so it looks pretty and it'll be housed permenantly in our Tutorials database!