Give your page a custom cursor

Giving your page a custom cursor can be down with some basic CSS.  For me the most difficult part was finding the correct cursor to download.  There are some things such as cursor sets that were confusing and certain cursor file formats available on websites that offer free cursors for download aren’t compatible with all web browsers.  Therefore I downloaded a free program called RealWorld Cursor Editor.  It allows you to create your own cursor from scratch or make an already existing image into a cursor.  I chose the former. 

Select “cursor from image” and open the desired image.

Image

 

Image

Save your file to the appropriate folder.  Insert the appropriate CSS for the portion of the page which you’d like to have your new custom cursor appear.  Be sure to include “default;” after the file name, and that is how to create a cool custom cursor.

Image

Image

Unfortunately, the cursor doesn’t appear in screen shots, but believe you me, it’ll be there.

Advertisements

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s