Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 12 of 12
  1. #1
    Regular Coder
    Join Date
    Sep 2002
    Location
    California
    Posts
    511
    Thanks
    1
    Thanked 1 Time in 1 Post

    Exclamation Changing origional mouse cursors to a custom graphic?

    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

    Thanks to those who reply

  • #2
    Regular Coder
    Join Date
    Jul 2002
    Location
    Raleigh, NC
    Posts
    484
    Thanks
    0
    Thanked 0 Times in 0 Posts
    It doesnt work in all browsers, but you can do it using css:

    Code:
    <style type="text/css">
         BODY	{cursor:url("images/fish2.cur")}
    </style>
    Go to www.soundviewscuba.com to see an example of this code... I think it only works in later versions on IE though...
    -WebMark Art
    Programming is 80% thinking and 20% spelling

  • #3
    Regular Coder
    Join Date
    Jun 2002
    Location
    United Kingdom Confused: Often
    Posts
    859
    Thanks
    0
    Thanked 0 Times in 0 Posts
    only works in IE5.5+
    redhead

  • #4
    Regular Coder
    Join Date
    Jun 2002
    Location
    The Netherlands
    Posts
    217
    Thanks
    0
    Thanked 0 Times in 0 Posts
    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.

  • #5
    Regular Coder
    Join Date
    Jun 2002
    Location
    United Kingdom Confused: Often
    Posts
    859
    Thanks
    0
    Thanked 0 Times in 0 Posts
    whoops... my bad. must be the coloured scrollbars that only work in ie5.5+...
    redhead

  • #6
    Regular Coder
    Join Date
    Jun 2002
    Location
    The Netherlands
    Posts
    217
    Thanks
    0
    Thanked 0 Times in 0 Posts
    Correction,colored scrollbars work in Konqueror 2+ too.

  • #7
    Senior Coder
    Join Date
    Jun 2002
    Location
    ColoRockyz
    Posts
    1,646
    Thanks
    1
    Thanked 0 Times in 0 Posts
    Use it anyway because the older browsers will just default to the pointer. Colored scrollbars were IE5.5 with custom cursor in IE6.
    Zoobie or not Zoobie...That is the problem.
    <body onUnload="flush( ! )">

  • #8
    Regular Coder
    Join Date
    Sep 2002
    Location
    California
    Posts
    511
    Thanks
    1
    Thanked 1 Time in 1 Post
    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?
    When traveling down the road of life, Try not to drag your face in the gravel.

  • #9
    Senior Coder
    Join Date
    Jun 2002
    Location
    ColoRockyz
    Posts
    1,646
    Thanks
    1
    Thanked 0 Times in 0 Posts
    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
    Zoobie or not Zoobie...That is the problem.
    <body onUnload="flush( ! )">

  • #10
    Regular Coder
    Join Date
    Jul 2002
    Location
    Raleigh, NC
    Posts
    484
    Thanks
    0
    Thanked 0 Times in 0 Posts
    to change it on a link for example is easy:

    Code:
    a	{
    	color:#07a;
    	font-size:11px;
    	font-family:verdana, arial, helvetica, sans-serif;
    	font-weight:600;
    	text-decoration:none;
    	}
    
    a:hover {background-color:#eee;cursor:help;}
    -WebMark Art
    Programming is 80% thinking and 20% spelling

  • #11
    Senior Coder
    Join Date
    Jun 2002
    Location
    ColoRockyz
    Posts
    1,646
    Thanks
    1
    Thanked 0 Times in 0 Posts
    a:hover {cursor:url("images/fish9.cur")}
    Zoobie or not Zoobie...That is the problem.
    <body onUnload="flush( ! )">

  • #12
    Regular Coder
    Join Date
    Jun 2002
    Location
    United Kingdom Confused: Often
    Posts
    859
    Thanks
    0
    Thanked 0 Times in 0 Posts
    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:


    <style>
    .off {
    cursor: url('cursor.cur');
    }

    .on {
    cursor: url('special.cur');
    }
    </style>

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


  •  

    Posting Permissions

    • You may not post new threads
    • You may not post replies
    • You may not post attachments
    • You may not edit your posts
    •