How To Change The Design Of Your Cursor Using Css

how to change the design of your cursor.

Page 1 of 1

5 Replies - 4098 Views - Last Post: 29 September 2002 - 09:13 PM

#1 ruv  Icon User is offline

  • New D.I.C Head

Reputation: 0
  • View blog
  • Posts: 2
  • Joined: 29-September 02

How To Change The Design Of Your Cursor Using Css

Post icon  Posted 29 September 2002 - 02:30 PM

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

Is This A Good Question/Topic? 0
  • +

Replies To: How To Change The Design Of Your Cursor Using Css

#2 Quik  Icon User is offline

  • D.I.C Lover
  • member icon

Reputation: 2
  • View blog
  • Posts: 3,750
  • Joined: 06-March 01

Re: How To Change The Design Of Your Cursor Using Css

Posted 29 September 2002 - 04:08 PM

Welcome to d.i.c. Thanks for the information. Perhaps put it in our tutorial section and gain countribution points
Was This Post Helpful? 0
  • +
  • -

#3 codeman  Icon User is offline

  • w3c fanatic

Reputation: 3
  • View blog
  • Posts: 1,190
  • Joined: 13-August 01

Re: How To Change The Design Of Your Cursor Using Css

Posted 29 September 2002 - 05:00 PM

Been there, done that. :) my lil' tute :) Are you really into CSS too? Welcome to dic. :)
Was This Post Helpful? 0
  • +
  • -

#4 ruv  Icon User is offline

  • New D.I.C Head

Reputation: 0
  • View blog
  • Posts: 2
  • Joined: 29-September 02

Re: How To Change The Design Of Your Cursor Using Css

Post icon  Posted 29 September 2002 - 05:08 PM

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

Reuven -[ www.ruv.net ]- Cohen
Was This Post Helpful? 0
  • +
  • -

#5 codeman  Icon User is offline

  • w3c fanatic

Reputation: 3
  • View blog
  • Posts: 1,190
  • Joined: 13-August 01

Re: How To Change The Design Of Your Cursor Using Css

Posted 29 September 2002 - 06:16 PM

? 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 :)
Was This Post Helpful? 0
  • +
  • -

#6 skyhawk133  Icon User is offline

  • Head DIC Head
  • member icon

Reputation: 1868
  • View blog
  • Posts: 20,279
  • Joined: 17-March 01

Re: How To Change The Design Of Your Cursor Using Css

Posted 29 September 2002 - 09:13 PM

thanks for the tutorial, I'm gonna format it so it looks pretty and it'll be housed permenantly in our Tutorials database!
Was This Post Helpful? 0
  • +
  • -

Page 1 of 1