How to use the codes belowBelow is the code you'll need to change the cursor of your page:
<style type="text/css">
body{cursor:CURSORSTYLE}
a {cursor: CURSORSTYLE}
</style>
All you need to do is replace the words CURSORSTYLE with one of the cursor styles listed below.
For example:
<style type="text/css">
body{cursor:crosshair}
a {cursor: pointer}
</style>
In this case the cursor will be a crosshair and when you hover a link it will change to pointer.
If you wish to use an image for your cursor, then you'll need to insert the location of the image in place of CURSORSTYLE.
For example:
<style type="text/css">
body{cursor:url(http://www.mycursorurl.com)}
</style>
|
|
Description |
Code |
| url |
This is a custom cursor that displays an image. Basically all you need to do is link it. Just copy where the images location is and paste it inside parenthesis next to url (see example above). We do not offer this yet, but we're working on it! |
| default |
This is the default cursor, pretty much no use to you but I am being thorough.
|
| auto |
The browser will set a cursor for you. |
| crosshair |
The cursor is a crosshair |
| help |
The cursor usually is a question mark or balloon. |
| pointer |
The cursor is a pointer (a hand). |
| move |
The basic move cursor. |
| text |
The cursor is the text cursor. |
| wait |
The cursor is usually an hour glass or watch. |
| n-resize |
The cursor is a vertical double arrow. |
| ne-resize |
The cursor is a right diagonal double arrow. |
| e-resize |
The cursor is a horizontal double arrow. |
| se-resize |
The cursor is a left diagonal double arrow. |
|
|
|
