Online cursor maker help |
Settings | Remark |
Cursor example |
In the screenshot below you will see how a pencil cursor was designed using this tool. If you hover your mouse over the screenshot the pencil cursor is displayed. In this example the hotspot coordinate is set on (1,32). ![]() Download the pencil.cur file. To implement the pencil.cur file on a web page, use the following code: <html> <head> <title>Mobilefish.com - Mouse cursor demonstration</title> <style type="text/css"> .cssxDemo { background-color: #d4d4d4; border: 2px solid #000000; height: 50px; width: 400px; text-align: center; padding: 10px; cursor: url("pencil.cur"), default; } </style> </head> <body> <div class="cssxDemo"> Hover your mouse over this area to see the cursor.<br /> </div> </body> </html> Depending where your pencil.cur file is located, you need to change: cursor: url("pencil.cur"), default; For example: cursor: url("../../images/pencil.cur"), default; cursor: url("http://www.mysite.com/images/pencil.cur"), default; |