Custom mouse cursor for each theme

[Barkley]

Do we have a plugin that allows a different mouse cursor image for specific themes?

Is it also possible to change the scroll bars?

Many thanks

[Former Member]

Isn't this already possible if you put the code into a layout template like forum wrapper and thus can put a different code in for each theme?

[Barkley]

Jan 2, 2014 11:38:09 GMT -8 ₪» ⅀ ƪ Ƒ «₪ said:

Isn't this already possible if you put the code into a layout template like forum wrapper and thus can put a different code in for each theme?

It may well be but so far I've only seen old codes and wasn't sure if the css was outdated.

[David Clark]

Since you have a unique style sheet for every theme on your forum, you should be able to do this without the need for a plugin Barkley.

Here's a helpful article that goes over the details.

[Barkley]

Thanks for the reply guys.

I've figured out a way of doing it which is slightly long winded when you have lots of themes but that's mainly because I tend to make my own images. If you already have your .cur image then just add it to the code as shown.

1. Create your image using Photoshop etc, or,  find a file on the net and download to pc (I saved as a png with no background) and save it to around 40px x 40px, as the programme will reduce it further, so the less it reduces it the better clarity you will have.

2. Whatever extension you have, we now need to turn it into a .cur so go to www.cursor.cc/? and create an account if needed

3. Press import image / choose file / upload

4. When your image is on the screen, tick the hot spot box to the right, and then press the crosshair on the square you want to act as the tip of your cursor / hotspot.

5. Download it to your pc.

6. Open a mediafire account www.mediafire.com/#myfiles

7. Upload image or images to your account then go to your mediafire files (mediafire can handle the .cur extension unlike Photobucket etc)

8. For some reason, Mediafire doesn't give a direct link, so we need to press on our file, and where it says download, right click.

9. Copy the properties url and this will give you your direct link.

10. Add the following to the bottom of your themes style sheet


/* Start custom cursor */

body, a:hover {cursor: url(add your image url here ending with .cur), progress !important;}

/* End custom cursor*/