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>