Dreevoo.com | Online Learning and Knowledge Sharing
 
Home | Programs | Adobe Dreamweaver | Settings | How to change the mouse pointer on a website
Guest
Click to view your profile
Topics
Programs
Languages
Recipes
Home
Shortcuts
 
 

How to change the mouse pointer on a website

A simple Dreamweaver HTML tutorial where we change the shape of a mouse pointer/cursor on a link or image rollover on a website using a CSS style property.

 
  Author: NikMan | Version: CS5 | 2nd January 2013 |  
 
 
1.
 

Open Adobe Dreamweaver and create a new HTML document.

Or open an existing one.

 
 
2.
 

Click the Add image icon ...

 
 
3.
 

Choose a picture of your choice and click OK.

 
 
4.
 

An image has been added to a website. Leave the image selected or select it if this isn't the case.

 
 
5.
 

Click Code, to enable the Code view.

 
 
6.
 

Notice the HTML code for the image you just added.

Click to position yourself just before the /> symbols (see picture) ...

 
 
7.
 

... and add the following code.

style="cursor:crosshair"

 
 
8.
 

Save the html document and press F12, to open the website in your browser.

Now rollover your mouse over the image and you should notice that the mouse pointer has changed its shape.

Click Comment for more available mouse cursor shapes.

 
 
 
   
  Please login to post a comment
  Click to open user profile  
TheDude, 2nd Jan 2013, 8:22 AM
Some of the mouse cursor styles you can use as well:



TD

 
 
  Click to open user profile  
DelilaUranga, 7th Jun 2024, 12:24 PM
I'm sharing this with my friends. https://lafontanacitta.com/blog/arbys-br....
 
 
  Click to open user profile  
lorde, 26th Jul 2024, 4:52 AM
https://emojikitchen.io - Download and install Gboard from the App Store (for iOS devices) or Google Play Store (for Android devices) if you haven’t already.
 
 
  Click to open user profile  
krisariez, 18th Aug 2024, 5:03 PM
Great job here on. I read a lot of blog posts, but I never heard a topic like this. I Love this topic you made about the blogger's bucket list. Very resourceful. perfumehttps://www.rioperfumes.co.za/
 
 
  Click to open user profile  
abuislam, 19th Aug 2024, 7:18 AM
Great tutorial! Changing the mouse pointer with CSS is such a simple yet effective way to enhance user experience. Thanks for sharing!
 
 
  Click to open user profile  
krisariez, 22nd Aug 2024, 1:17 PM
Great job here on. I read a lot of blog posts, but I never heard a topic like this. I Love this topic you made about the blogger's bucket list. Very resourceful. promotion companyhttps://jrpromotions-western-cape.co.za/
 
 
  Click to open user profile  
krisariez, 27th Aug 2024, 1:05 PM
We amazed using the evaluation a person designed to get this to specific submit amazing. Fantastic exercise! seo serviceshttps://seo-services-in-johannesburg.co.....
 
 
  Click to open user profile  
badman2, 27th Aug 2024, 3:40 PM
In the form of Inexperienced, Now i'm once and for good seeking via the internet just for articles or reviews which has been about help others. With thanks. packaging store https://welpac.co.za/
 
 
  Click to open user profile  
badman2, 27th Aug 2024, 3:40 PM
It a fabulous blog post As i looked at caused by have the application. Advise everything that Need be to find expectation on potential future you certainly will persist designed for writing a great wonderful blog post. packaging store https://welpac.co.za/
 
 
  Click to open user profile  
DelilaUranga, 28th Aug 2024, 9:52 AM
The kangaroo pocket is great for keeping my hands warm on cold days. https://pinkpalmpuffhoodie.vip/
 
   
 
 
online learning made for people
Dreevoo.com | CONTRIBUTE | FORUM | INFO