Results 1 to 6 of 6

Thread: Custom Cursors

  1. #1
    Join Date
    May 2007
    Posts
    7
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Question Custom Cursors

    I have added a custom cursor to my web page, and it works perfectly over the whole page except when i move my cursor over a button or link where it changes to the standard "hand" cursor.
    The code is as follows: <body style="cursor: url('cursors/printer.ani')">
    I would like it to stay as the custom cursor throughout the page, over buttons & links. Is there a way to do this?

  2. #2
    Join Date
    Dec 2004
    Location
    UK
    Posts
    2,358
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default

    Quote Originally Posted by Chanty View Post
    I have added a custom cursor to my web page, and it works perfectly over the whole page except when i move my cursor over a button or link where it changes to the standard "hand" cursor.
    The code is as follows: <body style="cursor: url('cursors/printer.ani')">
    The cursor property requires a built-in cursor type to follow a custom cursor. Not all browsers support custom cursors, so the built-in type should be able to act as an adequate substitute.

    I would like it to stay as the custom cursor throughout the page, over buttons & links. Is there a way to do this?
    There is a way to try, but such a thing isn't a very good idea in usual circumstances. Care to explain why you want this behaviour?
    Mike

  3. #3
    Join Date
    Mar 2006
    Location
    Illinois, USA
    Posts
    12,164
    Thanks
    265
    Thanked 690 Times in 678 Posts

    Default

    The only point of this would be to confuse the user, since it would hide the fact that it is a link or another item of content.

    Better, you could change it to a custom 'hand' that would fit your design if needed, but not change the usability of the page.

    Remember, users coming to your page know nothing about your page nor its intended functionality, and will only know (in some cases very limits amounts of) how they have seen other pages act. As such, using standards is a good idea. To the average user, no hand might mean no links.... so they'd just go to a site that has those fun link things.... 'cause they like 'em.
    Daniel - Freelance Web Design | <?php?> | <html>| espa˝ol | Deutsch | italiano | portuguŕs | catalÓ | un peu de franšais | some knowledge of several other languages: I can sometimes help translate here on DD | Linguistics Forum

  4. #4
    Join Date
    Feb 2007
    Location
    🌎
    Posts
    528
    Thanks
    10
    Thanked 10 Times in 10 Posts
    Blog Entries
    2

    Default

    umm...
    <a href="bla">bla<sup>LINK!!!</sup></a>
    ....(o_ Penguins
    .---/(o_- techno_racing
    +(---//\-' in
    .+(_)--(_)' The McMurdo 500

  5. #5
    Join Date
    May 2006
    Location
    Sydney, Australia - Near the coast.
    Posts
    1,995
    Thanks
    0
    Thanked 8 Times in 7 Posts

    Default

    Waaa?

    Is this leading somewhere?
    Are you trying to say something?
    You trying to give a useful solution?
    Peter - alotofstuffhere[dot]com - Email Me - Donate via PayPal - Got spare hardware? Donate 'em to me :) Just send me a PM.
    Currently: enjoying the early holidays :)
    Read before posting: FAQ | What you CAN'T do with JavaScript | Form Rules | Thread Title Naming Guide

  6. #6
    Join Date
    Mar 2006
    Location
    Cleveland, Ohio
    Posts
    574
    Thanks
    6
    Thanked 5 Times in 5 Posts

    Default

    Code:
    a:hover{
    cursor: url(cursors/printer.ani);}
    That's the css you want. But custom cursors aren't widely supported. So I suggest not using them.
    Thou com'st in such a questionable shape
    Hamlet, Act 1, Scene 4

Bookmarks

Posting Permissions

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