« Web, HTML, Tech Forum

How do I put a cursor on my profile that changes when you hover over a link?

That's pretty much it. I've seen some profiles that have custom cursors that change when you hover over a link, but I can't find a code for how to do that.


Report Topic

8 Replies

Sort Replies:

Reply by Motte

posted

i did this ages ago and i do this really cool thing where i learn something, do it, and then immediately forget it, but this is what i have in my css:


body, html {

        cursor: url("http://www.rw-designer.com/cursor-extern.php?id=39"), pointer;

    }


a:hover{

        cursor: url("http://www.rw-designer.com/cursor-extern.php?id=86"), pointer;

    }


    button:hover{

        cursor: url("http://www.rw-designer.com/cursor-extern.php?id=84"), pointer;

    }


no idea if this is the most efficient or even remotely sensible to do it this way BUT IT WORKED!


Permalink Report Reply

Reply by ✨Orionnn✨

posted

It doesn't seem to be working for me :(


Permalink Report Reply

Reply by ✨Orionnn✨

posted

Still doesn't work :(


Permalink Report Reply

Reply by Motte

posted

disclaimer again that im a dumbass, but when i inspect/view page source on ur profile i dont see any button:hover or a:hover thing in your <style>, its just a line at the beginning that says {cursor:url("bingus"), auto} which would set the default (auto) cursor but not the cursors for hovering/grabbing/zooming/waiting. and there are some parts in the style that say that the cursor should change to the pointer instead of auto/default (like details summary{cursor: pointer;} and .box button {cursor: pointer;}) so i think its just that theres no image defined as the pointer cursor??

idk how spacehey changes the stuff you type in your "about me" once you actually save it to your profile, but that would just be my first guess (again, as a total moron)


Permalink Report Reply

Reply by ✨Orionnn✨

posted

I use this website to preview any changes I make, then I copy/paste the code into my about me section and save it. That's why you're not seeing the code.


Permalink Report Reply

Reply by Motte

posted

ohhhhhh

does the hover at least work on that site?


Permalink Report Reply

Reply by ✨Orionnn✨

posted

It probably would if it works for you. Maybe I just have too much crap in my code.


Permalink Report Reply

Reply by ✨Orionnn✨

posted

I think I figured it out. For some reason, there's a size limit, and all the pictures I've tried are too big.


Permalink Report Reply