Skip to main content
Main Content

Custom cursor?

Custom cursor?
Posted 2021-12-13 10:49:33 (edited)
#595179
Hi, I'm versed in basic html but I think this is a css thing but I'm asking anyway.
How can I make it so that the cursor on my page shows up as this

and then shows up like this when hovering over a link?

Thank you ^^
BeastOfTheyRoad
#52596
Posted 2022-03-14 22:50:34
#695204
Not entirely sure if you're still interested in this, considering you posted this months ago, but we did work out a solution for you. We've spent the past few days fiddling with CSS on our own, and figured out a decent custom cursor function. It's still a tad finnicky, but nothing terribly noticeable if your goal is casual aesthetics. Just paste this link into the CSS tab at the bottom of your den/profile and you should be good to go. And if you'd like to edit the code at all, the link also works in browser, though you'll need to find your own way to reupload it. Here ya go.

https://dl.dropbox.com/s/idziek4sm513sf5/troubleshooting.css?raw=1 		perpetual_sigh
#59910
Posted 2022-03-15 10:02:26
#695615
!!! Thank you so much!! :D
BeastOfTheyRoad
#52596
Posted 2022-03-21 16:52:38
#701157
Hey perpetual I have no idea how to code so how would I make one that has this cursor as default https://cdn.discordapp.com/attachments/896612697771216997/896612749554102292/volukros_cursornon-glowing.css but this when over something https://cdn.discordapp.com/attachments/896612697771216997/896612792155668550/volukros_cursorglowing.css
HiraethTime
#60102
Posted 2022-03-21 20:11:47
#701313
Hi Hiraeth (love that name by the way, we resonate with it and even have a music playlist named that haha)! We went ahead and wired up the CSS for you. Here it is, you can pop that into your den page and it should work as intended.

https://dl.dropbox.com/s/76lpfc35ieltmfn/Volukros_cursor.css?raw=1

As for how you would make the cursor do that, we'll do our best to explain.
Originally, the cursors were both set under the * element, which would affect every part of the page's style. They were both set as default. We simply changed it so that your default choice was the only one set as such. Then, we added a new element, or rather, 2 of them. a, which covers all links, and button, which covers a range of other clickable buttons. We placed your hover cursor url under these elements, and instead of setting the cursor to default, we set it to pointer. And thus, voila! You have your CSS. 		perpetual_sigh
#59910
Posted 2022-03-22 03:30:50
#701416
wowza, tysm!
HiraethTime
#60102
Posted 2023-11-08 11:44:01
#1090151
hello so im trying to add this cursor to my den page https://www.cursor.cc/?action=icon&file_id=197329
but have no clue on how to make it work
🌿Birdie🌿
#114287
Search Topic