Custom Cursors? :c

[Cindykt]

Hey all, I'm just wondering; is there a way to change the cursor on your site? I've been fiddling with the style.css and stuff (with Googled codes, I know nothing of coding). Do any of you guys know how?

 

[Inf3rnal]

All you would need to to is add the following in the body in your style.css is:

cursor: url("URL TO CURSOR"), auto;
*Note .png cursor images works best has issues in IE (Go figure.)

Example:
body {
background:#eee;
color:#333;
font-family:arial, tahoma, sans-serif;
font-size:10px;
cursor: url("img/flamecannonofdoom.png"), auto;
}

Issues using custom cursors:

Use an image as cursor. This value has a few problems:

1. IE expects a .cur file. IE won't use .png, .gif, .jpegs, etc. Only .cur
2. Firefox requires a second, non-URL value; like cursor: url(pix/cursor_ppk.gif), auto.
3. The size of the image must be 32x32 pixels or lower. This is a (Windows) OS restriction; not a browser restriction.

.gif cursor images in Google Chrome:
* The cursor image shows up garbled in Chrome."

Make sure to read this as well:
http://www.quirksmode.org/css/cursor.html

OR,

You can use Javascript to do that:

http://www.ajaxblender.com/howto-create-custom-image-cursors.html

 

[Cindykt]

Thankyou! I'll definitely do that.

 

[Nemesis]

don't break anything lol

 

[Cindykt]

I didn't, I didn't. Tut tut.