Tutorial Custom HTML/CSS Cursor

Discussion in 'HTML/CSS Tutorials' started by PhucedMODZ, Aug 31, 2017.

Tags:
  1. PhucedMODZ

    PhucedMODZ Trial Moderator Staff Member Donator

    178
    94
    313
    Credits:
    1,308
    Ever Wandered How Some Websites Have A Custom Cursor?

    Well Today Im Going To Show You How!

    So Lets Get Into It.

    How to do it?
    1. First Open An IDE Of Your Choice (Notepad++, Sublime, Visual Studio Code, Or Just Notepad)
    2. Then Go To The Page You Would Like To Add The Custom Cursor To
    3. And Just Simply Copy The Code Below into the <head> Tag
      Code:
      <style>body {cursor: url('URL TO THE PICTURE OF THE CURSOR'), auto;}</style>


    Example

    [​IMG]
    HTML:
    <!DOCTYPE html>
    <html>
    <head>
        <style>
        body {
            cursor: url('ccm.png'), auto;
        }
        </style>
    </head>
    <body>
        <h1>Custom Cursor</h1>
        <a href="https://cabconmodding.com/forums/web-development.92/?prefix_id=1">More tutorials here!</a>
    </body>
    </html>
    Please login or register to view links or downloads!


    Thats Basically It, But If You Have Any Questions Don't Hesitate To Contact Me.
     

    Attached Files:

    Last edited by a moderator: Sep 3, 2017
    Freezee and CabCon like this.
  2. God

    God Skiddy

    342
    246
    243
    Credits:
    1,059
    <!DOCTYPE html>*
     
    Tusta and CabCon like this.

Share This Page