Create your own cursor

By | 21:34
I don't know why, but I couldn't find a simple tutorial about how to make your own cursor. Although it's really easy and I think everybody can do it. Even without great knowledge about HTML.

1. Of course, you need a graphic or picture that you want to use for the cursor. You can make it with any photo edit program like GIMP. Pick the size of the cursor, like 50x50. If the background of your graphic is transparent, make sure you save it as GIF or PNG. Otherwise, the background will just be white.

2. Upload the picture somewhere, if you save it as GIF, make sure the website support it. For exemple: flickr.com dosen't support it.

3. Copy this Code
<style> body, a, a:hover { cursor:url('PICTURE-URL'), auto }</style>
4. Replace PICTURE-URL with the URL of your graphic

5. Copy the finish Code in a HTML Widget and you're done.



Neuerer Post Älterer Post Startseite

Ask & Comment