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>