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>