HomeОбразованиеRelated VideosMore From: Adam Khoury

Custom Mouse Cursor Tutorial Canvas CSS HTML

304 ratings | 25346 views
Lesson Code: http://www.developphp.com/video/CSS/Custom-Mouse-Cursor-Tutorial-Canvas-CSS-HTML Learn how to change the mouse cursor or pointer to a custom cursor and change the hotspot for the click area.
Html code for embedding videos on your blog
Text Comments (49)
cheers man
steven lane (1 month ago)
I've been following YouTube "how to" videos for a few years now. Nobody's better at giving me the "how to program" easy, simply and right straight to the point than Adam Khoury. He's the best that ever did it!!
paul badulescu (6 months ago)
how do i make for the wholw page? not only for a box=?
30G (7 months ago)
You actually helped me. And you have good audio and video quality.
Arti Singh (8 months ago)
Sir it might be common for you to have thanks floating round all of your videos, but I wanna say something else. I saw your tutorials I seriously loved them unique well explained just perfect! Sir I have learned so much from you and I just don't want to thank you I just wanna ask you for more and more. These videos require efforts to come to reality but sir these are really great for learners. Thank you so much sir! Keep doing good work and I just can pray that you get the best of life and yes wish that you live inf more years to create awesome videos like these!
RSSV PRASAD (11 months ago)
brother i really like your videos and i am trying to create a template with constellation background can you make a constellation template here you can get the code from https://codepen.io/anon/pen/XVjYQy
Khalil Ch (1 year ago)
Thank you
Amutha Natarajan (1 year ago)
How to change a cursor over A picture or object
Saumil sunil Shah (1 year ago)
pls make more videos i love ur tuts ......... plsssssss
Elliott Films (1 year ago)
i did everything and it didnt change my cursor
Brandon Burrows (1 year ago)
Maybe there's a discrepancy in the file name, type, and or location. That's usually where things go wrong for me when I know my code should produce a result. Just poorly referenced libraries or images.
Harding Forf (1 year ago)
hey Adam thank you for this tutorial, i want to ask you to remake the e-Commerce website, it has been 6 years since old Tutorial, and the old tutorial is your most popular videos on this channel. that would be great :D
Matteo Meme (1 year ago)
Hmm, for some reason it didn't work for me. Could you please help me? I typed: <style> * { cursor: url(mouse_pointer.cur), default; } </style> Did I do something wrong?
john iliya (1 year ago)
i adam loved your tutorials on the quiz app ...i am having some problems implementing the functionality involved to mark my quiz in angularjs pls could you help me out? here is the link to the project on github... https://github.com/airmarshal1/quzapp
Kim Sann (1 year ago)
Could you do more video about image slide with Next , Prev , First and Last buttons?
Johny C (1 year ago)
Thank you very very much for showing me the x and y properties in url!!!!!!
Heejung Ko (1 year ago)
could I also use this for .ani ? Thank you!
Samuel P. (1 year ago)
Hi! Adam please make video tutorial of Follow and Unfollow php and mysql.
Adam Khoury (1 year ago)
Hi Samuel. I can't do that anytime soon. It would be similar to a friend system but much easier. Make a table in database named "follow". Put button on each profile labeled "Follow". When button is pressed make an ajax request to PHP that will INSERT a new row in the table that assigns the proper data into "follower" and "god" columns. This playlist link below deals with showing how to do interactions like that in a social website system. You'll also have to check to see if the user is already following the god when the god's profile displays so you can put an "Unfollow" button in place of the "Follow" button. You get the idea, just start with that and build. Check videos 10-12 to see the friend system logic, it would be similar but not entirely the same. https://www.youtube.com/playlist?list=PLlkGN-8wjPHV41Y12LFD8uttbAd1d_ohe
kamaboko1 (1 year ago)
I like the updated Youtube page. Nice.
Adam Khoury (1 year ago)
Thanks a lot buddy.
Shadow505 (1 year ago)
Pls can you help? I want to change cursor on whole webside Is anythink wrong with this code? <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <style> * { cursor: url(cr.cur), deafult; } </style> </head> <body> </body> </html> cr.cur is definetly right file, your code that shows cursor in canvas works with cr.cur right.
Shadow505 (1 year ago)
Meat Fork it definetly is. As I said when I copied his code (with cursor change in canvas) it worked
Meat Fork (1 year ago)
question: Is your cursor file in the same folder as you html file?
A.R. Rony (1 year ago)
Nice Course
Great tutorial, man!
adam urbansky (1 year ago)
good video can you help me with spinanimation (HTML) thanks
Amit Kumar (1 year ago)
Sir your code not run in my browser namely firefox and chrome pls help me
Muhammad Fahad Ameen (1 year ago)
this code is not working
Peter L (1 year ago)
he is back! what movie?
Chenghua Pang (1 year ago)
Standalone quickie,,,,,
R K (1 year ago)
hey Adam... thanks 4 uploading videos... I am looking forward to see your angular js videos
khalid Qweder (1 year ago)
As usual. Fantastic.
Imtiaz Hossain (1 year ago)
I am trying to learn single page Web page application, but does not fully understand. Please made a tutorial and help us sir. Thank you.
Imtiaz Hossain (1 year ago)
Hello sir I am big fan of you. I am seen every tutorial. Your tutorial is best. I hope you help us every time. Thank you....
Sazz (1 year ago)
Awesome! Thanks
Final Boss Dany (1 year ago)
Hey Adam! I just want to say that I'm happy that your channel is already so big! You're really helpfull in your videos, thanks for everything! Keep up the good work
piss offed (1 year ago)
That Tutorial is so nice its super silly!
Red Destroy (1 year ago)
very good tutorial btw which software you are using
Adam Khoury (1 year ago)
Thanks. When recording the tutorials I use Dreamweaver CS5. But I also use Atom.io, Notepad++ and few other free editors just to diversify myself. I think Dreamweaver has the clearest display of code, that's why I use it for recording the tutorials. People like to yell at me and tell me to use the tool they want to promote, but I don't care to promote any IDE over any others. Since we always work in straight code view, the IDE used could be any.
param shah (1 year ago)
hey thanks for these cool videos...when is the webintersect updating??
ImHereForPearlJamVid (1 year ago)
I even paused my AdBlock....
Adam Khoury (1 year ago)
That was really sweet, thanks!
Gary Zavala (1 year ago)
Thanks for all of your videos Adam!! Ive learned a lot and I still am!! great video tutorials!!! blessings!
Gary Zavala (1 year ago)
You're very welcome! Im working on a personal project and I hope to be done in a month. Once I'm done it would be an honor if you could take a few minutes and test it. Thanks a million for all the educational material provided! wish you the best!!
Adam Khoury (1 year ago)
Thanks for the kind feedback Gary.
supernox (1 year ago)
great video
supernox (1 year ago)
I was in the search of something like this I love your videos and your style of demonstrating anything thanks to you bro
Adam Khoury (1 year ago)
thanks buddy

Would you like to comment?

Join YouTube for a free account, or sign in if you are already a member.