CUSTOM CURSORS - A GUIDE YOU CAN TRUST !

ive been messing around with cursors for a while and struggled insanely, so i'm here to explain how to get your cursor working !

the following explains adding your own cursor, where to get cursors, cursor code, animated cursors & common errors.

the tutorial points are started with "-", if you're here new rather than to fix your cursor!

your cursor input uses a url starting with "http://"

spacehey only works with urls that use https! a popular site many are using is rw-designer; this isn't compatible with spacehey.

- some really good working alternatives include https://www.cursors-4u.com & https://www.totallyfreecursors.com. on cursors-4u use option 1 when copying & put it at the top of your profile code

you want to use an animated cursor

internet explorer supports animated cursors, as it chooses to, but chrome, firefox etc. do not support these and will instead only display the first frame as a workaround.

- HOWEVER there is a way using keyframes! [click here] (credit to sodimel ^_^)

you missed the style tags out

make sure to put <style> ... </style> around your code! 7 times out of 10 it'll fix your problem

you want to add your own cursor

if you haven't made your own already, hop on a pixel art program & get creating! make sure your cursor is saved in .png or .cur format! the resolution can't exceed 128x128.

you can use https://convertio.co/ to convert a file to .cur !

upload it as a publicly accessible file on your preferred cloud/cdn (dropbox, onedrive, etc) and use that link in the cursor tag !

<style>

cursor: url(REPLACE ME WITH A HTTPS:// URL!), auto;

</style>

i believe discord file links will also work,,

alt example code - nyan cat:

source: cursors-4u.com

i give up! just give me a cursor!

well :^) if it's still not working, i think you may enjoy this:

<style>

body{

cursor: crosshair;

}

</style>

comment if there's anything i should add, something here doesn't work or you just need more help!

& perhaps leave kudos if this helped a little :]

41 Kudos

Comments

Displaying 8 of 8 comments ( View all | Add Comment )

jakobdied	1712257570 THANKS SO MUCH!! Report Comment
kal xoxo	1708347154 tyyy Report Comment
LucidJelly	1690098730 THANKK YOUU ^^!! Report Comment
Raine-Bow->	1689095763 How do I use the keyframes? Report Comment
Raine-Bow->	1689095635 This actually worked! Thank you~ Report Comment
HelloKittys' Trash	1686423278 thanks it really helped :]] Report Comment
HelloKittys' Trash	1686422160 this makes sense just not in practice like where do i put it in my coding???? Report Comment
demian.99	1686324115 how do i make my cursor not change while hovering over things like links? Report Comment