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 2 of 2
  1. #1
    New to the CF scene
    Join Date
    Dec 2012
    Posts
    2
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Large Custom Cursor

    Hello everyone,
    I am building my second website. I've chosen HTML because it's what I've worked with before, and I think my demands will be simple enough for it. Probably the hardest things I'll do with it are embed video and trying to create a large custom mouse cursor that is about 300 x 400 pixels, and is active on the entire page.

    How would one create a large cursor? I've gone through hoops of creating a .cur file with a PSD plugin, but dimensions are limited to a small size. I also found a javascript tutorial at this page:
    http://www.codebeach.com/2008/02/usi...s-in-java.html
    and have tried to recreate it a few times but it never works for me.
    Thanks!

  • #2
    Senior Coder
    Join Date
    Jan 2011
    Location
    Missouri
    Posts
    4,466
    Thanks
    23
    Thanked 634 Times in 633 Posts
    Changing the cursur image via css has not worked for me ever. This should do it:
    Code:
    body {
    	cursor: url('my-mouse-pointer.cur');
    }
    It doesn't, but if you use the pre coded images like:
    Code:
    body {
      cursor: crosshair;
    }
    It does work. Maybe someone has an explanation or a work around?


  •  

    Posting Permissions

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