Forums/Help from the Community/Community Questions & Answers

Answered

How do I change the mouse pointer image for certain page?

Paula Holst
asked this on October 08, 2010 10:34

There might be different ways for doing this (e.g. javascript), but in this case we use CSS.

First you need to create the image you want to use as a cursor in any image editing tool (like Photoshop etc.). Typically the type used is .cur. When the image is ready, you can create a CSS style in HammerKit. Go to the Style Manager, select a 'body class' and go to the 'property list' view. Type “cursor” in the name field and for the value type “url(imageUrl), keyword”.

For example: url(http://demohammerkit.at.hammerkit.com/csss/cursor.cur), auto

 
Note that this is working on Safari, Chrome and IE8, but unfortunately not on Mozilla Firefox.