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>