Cursors for Dummies!
 
The following code will change the style of your cursor for the entire page!

<style type=text/css>body{cursor:CURSOR_STYLE}</style>

This code will change the cursor only when you hover over a link!

<style type=text/css>a:hover{cursor:CURSOR_STYLE}</style>


In both circumstances, you will need to change the bold value to one of the following options, you can hover over each section to see how each cursor style will appear on your section.

Hover here to see: cursor:crosshair.

Hover here to see: cursor:pointer

Hover here to see: cursor:move

Hover here to see: cursor:e-resize

Hover here to see: cursor:ne-resize

Hover here to see: cursor:nw-resize

Hover here to see: cursor:n-resize

Hover here to see: cursor:sw-resize

Hover here to see: cursor:se-resize

Hover here to see: cursor:s-resize

Hover here to see: cursor:w-resize

Hover here to see: cursor:text

Hover here to see: cursor:wait

Hover here to see: cursor:help

Aswell as the normal cursors, you can specify your own image as a cursor, however this does not work on all browsers!
Hover here to see: cursor:url(http://thePath.to/my/cursor.cur)



If you want more custom cursors, there are hundreds available here, with the codes needed to use them on your profile!

© 2004-2017 MyGen.co.uk. All rights reserved.
MyGen v2.6 - 138011363 Unique Visitors
This page was created in 1.026 seconds
Privacy Policy

eXTReMe Tracker