Neocities.org

RoboNerd's RoboNet

robonerd.neocities.org

4,443 views
2 followers
1,092 updates
0 tips
How'd you do that cool cursor?
1 like
ninacti0n 3 months ago

Oh, heya there! I looked up the right dimensions of a windows cursor, then drew it on FireAlpaca (keeping in mind to keep the tip of the arrow touching the top left corner of the canvas, for the touch to work right). Then, you export it as a PNG, and finally change your cursor in CSS!

1 like
ninacti0n 3 months ago

In the CSS, you open up the curly braces for the html element (to make sure it works everywhere, including on scrollbars), and type out “cursor: url(“INSERT URL HERE”), auto; <— The auto at the end is the default cursor, to act as fallback in case the custom cursor does not run on certain systems.

ninacti0n 3 months ago

And as a bonus, if you wish to change your cursor image when you hover something, you can type out “a:link { cursor: url(“INSERT URL HERE”), pointer; <— This way avoids flickering when hovering links! You don’t need to add it to a :hover pseudoclass, the element itself does the trick!

robonerd 3 months ago

Thanks! I don't know what I'm gonna make the Cursor Yet, but I know what I need, and that's good enough for now!

1 like
1 like
1 like
OMG THANKS SO MUCH!
1 like
1 like

Website Stats

Last updated 2 days ago
CreatedMay 14, 2024
Site Traffic Stats

Tags

nintendo cartoons dog blog awesome