How to add the cursor to your webpage ?

• Download cursor
• Put the .cur file into your webserver directory
• Add the following line to your CSS:
  cursor: url('/YOUR_PATH/cursor.cur'), auto;
• Replace YOUR_PATH with the correct paths

- or -

• Put the following line into your HTML:
  <style type="text/css">body { cursor: url('data:image/x-icon;base64,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'), auto; }</style>