Mouse pointer image change?

[Axxell]

Wondering if there is a plugin or anything of the sort that possibly allows the pointer of your mouse to change to an image you desire? or perhaps an image that trails the pointer?

[Lynx]

You can target the cursor pointer with CSS: cursor - CSS | MDN

[Axxell]

awesome thanks! I'll try to play around with it, I'll come back if I need help

[Axxell]

so I figured out the CSS for replacing the default cursor to an image using this at the end of my style sheet.


body {cursor: url('URL OF IMAGE HERE'), default;}

and it's working great.

Now I need to figure out how to get the cursor to change when it hovers over a link. Right now, it reverts back to the hand pointer.

I've researched it up and seen this alot,

a:hover{cursor: URL('URL HERE')} but it doesn't seem to work.

Any ideas?

[P̌̓aͧś̀t̀u͒le͆o͂2̀3̃̓]

Mar 17, 2016 12:08:46 GMT -8 Axxell said:

so I figured out the CSS for replacing the default cursor to an image using this at the end of my style sheet.


body {cursor: url('URL OF IMAGE HERE'), default;}

and it's working great.

Now I need to figure out how to get the cursor to change when it hovers over a link. Right now, it reverts back to the hand pointer.

I've researched it up and seen this alot,

a:hover{cursor: URL('URL HERE')} but it doesn't seem to work.

Any ideas?

a:hover{cursor: URL('URL HERE') !important;}
Maybe try the important flag?
There might be a css limitation on where cursor can be defined.
Lynx any testing?

[Axxell]

unfortunately no luck, just tried it

[P̌̓aͧś̀t̀u͒le͆o͂2̀3̃̓]

Mar 17, 2016 13:19:09 GMT -8 Axxell said:

unfortunately no luck, just tried it

Give me 5 minutes ill look up some specs

[P̌̓aͧś̀t̀u͒le͆o͂2̀3̃̓]

Mar 17, 2016 13:19:09 GMT -8 Axxell said:

unfortunately no luck, just tried ittry

Try using the image that works for the cursor for the hover only. Its possible that the image you want to use for the hover does not meet the requirements for your browser
This should tell you if its the image or the code. Every website has a multitude of css running so its hard to pinpoint a reason. It might need to be applied with javascript for it to work

[Axxell]

nope still not working. not sure why

[Axxell]

anyone have an idea on this? been playing around for the past few days but can't seem to figure it out. I'm assuming you can't do this at this point...

[P̌̓aͧś̀t̀u͒le͆o͂2̀3̃̓]

Mar 21, 2016 4:03:37 GMT -8 Axxell said:

anyone have an idea on this? been playing around for the past few days but can't seem to figure it out. I'm assuming you can't do this at this point...

I just tested and it works fine for me. I'm not sure what type of link you are targeting
If just any link try:

a

{cursor:url(http://images.proboards.com/v5/admin/code_nowrap.png),auto;

}There is no need for :hover since it changes only when you are targetting a link

[Axxell]

Nope still the same issue at hand, even with your code P̌̓aͧś̀t̀u͒le͆o͂2̀3̃̓. If you go to my forums ishtaria.freeforums.net, the default cursor is an image, but when you hover over any link on the site it reverts back to the hand.

Sorry for the trouble with this!

[P̌̓aͧś̀t̀u͒le͆o͂2̀3̃̓]

Mar 21, 2016 5:57:17 GMT -8 Axxell said:

Nope still the same issue at hand, even with your code P̌̓aͧś̀t̀u͒le͆o͂2̀3̃̓ . If you go to my forums ishtaria.freeforums.net, the default cursor is an image, but when you hover over any link on the site it reverts back to the hand.

Sorry for the trouble with this!

<style>
 a{cursor:url(http://images.proboards.com/v5/admin/code_nowrap.png),auto; !important
}
</style>
I just inserted that into your forum and it worked fine.
It only works for links though.
Most tables are links so it won't change except when hovering over the word directly linked highlighted in blue

[Axxell]

ahhh thank you so much!