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,AAACAAEAICAAAAIABACoCAAAFgAAACgAAAAgAAAAQAAAAAEACAAAAAAAAAQAAAAAAAAAAAAAAAEAAAAAAAAAAAAAS4JXAAD/NwCl/5kAQ6K1ALD/9AAAYM8AJyfjAAC7/wAAMAoAF23PAC6P/wAQEHMASqheAAAA/wAmWJEAGnyPABVjcwAAqugAAHf/AADV/wAsZqgAGhqcAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABMICAAAAAAAAAAAAAAAABMICAAAAAAAAAAAAAAAAAAAFRISFQAAAAAAAAAAAAAAEwsVAAAAAAAAAAAAAAAAAAAAFRMKFRYWAAAAAAAAAAAAChYAAAAAAAAAAAAAAAAAAAAAABMSEhMWAAAAAAAAAAAKChYAAAAAAAAAAAAAAAAAAAAAABMICAsVAAAAAAAAABMTCxUAAAAAAAAAAAAAAAAAAAAAAAsUFBUQAAAAAAAAABMICBUAAAAAAAAAAAAAAAAAAAAAAAALFAgEEAAAAAAQBBMIFBYAAAAAAAAAAAAAAAAAAAAAAAAECwgIEQsUEQgUCxUKCgAAAAAAAAAAAAAAAAAAAAAAAAAVFRYWFhYWCxQEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAKExMTFRMKFQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAExMKCAgWFQoKDwAAAAAAAAAAAAAAAAAAAAAAAAkJCQgIDxYHDgcOBxYMBgYAAAAAAAAAAAAAAAAADQENAQEBExQPBw4OFgcHExISEwYAAAAAAAAAAAAAAAADAQMBDQEJEwoODgcWDAwIBRISEwAAAAAAAAAAAAAAAAAAAAAAAAAAFgcWDQcWDAgIEhIKAAAAAAAAAAAAAAAAAAAAAAAAAAAKEhYFAg4WFhMSCgAAAAAAAAAAAAAAAAAAAAAAAAAAABMFFg4ODhYMAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAgIBw4ODAAAAAAAAAAAAAAAAAAAAP//////////////////////////////////////////////////////////////////////////H/4//w/+P/+B/z//4P8f//B/D//4P4f//g8D//8AA///gB///8A///+AH//4AAf/wAAD/8AAA///wAP//8AH///AP///4H//'), auto; }</style>