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>