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>