View Full Version : Changing origional mouse cursors to a custom graphic?

Bry Man
01-03-2003, 01:27 AM
Hey ive been doing a really big remodel on my site and im looking for little things to make it more "user friendly" and i thought having a coustom mouse cursor would be good for adding a little interesting bit to my site, Is it possible to change the original arrow pointer and all the other forms of it into a couston graphic if so please tell me:cool:

Thanks to those who reply

01-03-2003, 04:39 AM
It doesnt work in all browsers, but you can do it using css:

<style type="text/css">
BODY {cursor:url("images/fish2.cur")}

Go to www.soundviewscuba.com to see an example of this code... I think it only works in later versions on IE though...

01-03-2003, 11:53 AM
only works in IE5.5+:rolleyes:

01-03-2003, 12:30 PM
Correction,this only works in Internet Explorer 6 at the moment,but it is part of the CSS specification (unlike the stupid hand/pointer bull**** in IE).
You should specifiy multiple cursors,so that the useragent will pick the one that it can display.

01-03-2003, 03:24 PM
whoops... my bad. must be the coloured scrollbars that only work in ie5.5+... ;)

01-03-2003, 04:03 PM
Correction,colored scrollbars work in Konqueror 2+ too.

01-03-2003, 07:45 PM
Use it anyway because the older browsers will just default to the pointer. Colored scrollbars were IE5.5 with custom cursor in IE6. :D

Bry Man
01-03-2003, 09:39 PM
Is there any way to change the different forms of the cursor like can i change it to another graphic when i mouseover a url or just all urls in general?

01-03-2003, 10:18 PM
Since it's called upon with css, it can be switched for anything you wish including mouseovers (?) using .className

Someone else will have to demo...I'm too tired

01-04-2003, 03:32 AM
to change it on a link for example is easy:

a {
font-family:verdana, arial, helvetica, sans-serif;

a:hover {background-color:#eee;cursor:help;}

01-04-2003, 10:29 AM
a:hover {cursor:url("images/fish9.cur")} :D

01-04-2003, 10:32 AM
Since it's called upon with css, it can be switched for anything you wish including mouseovers (?) using .className

methinks this is what zoobie meant:

.off {
cursor: url('cursor.cur');

.on {
cursor: url('special.cur');

&nbsp;&nbsp;&nbsp;&nbsp;<td onmouseover="className='on';" onmouseout="className='off';" class="off">
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Mouse over here...

EZ Archive Ads Plugin for vBulletin Copyright 2006 Computer Help Forum