Sign up and get sponsored free and support your cause!!!


BASIC HTML
Coding & PHP
Computers
Layout Building
Making Graphics
Photoshop
Stylesheet/CSS
Wordpress
VIDEO TUTORIALS
EXTRAS



« Go back to Trixinity.net

Having 2 Cursors

Most people that have a site have the same cursor all over the place, but it looks much nicer if you go to a site and all the links shown, when you hover over them they have a new cursor that says 'click' or something. Well I'll explain how to do that. You need to use style sheets to do this.

Open your style sheet and where you have the 'links section' (basically where you decide what all the links look like - hover, visited, active, etc.) Well under the very last link part. (The lasy one must be hover!) put this code.

a {cursor: url('http://yourdomain.com/cursor2.ani');}

Here is an example of mine, and this is what it should look like. Change where it says yourdomain.com to your own info, but leave the cursor2.ani.



Now you have you first cursor. The one that's all around your site. An example would be something like this.



Well now make a new one. However change it a bit to show that you are hovering over a link. Here's what I usually do, it just says click.



Name is cursor2.ani and save it. Upload it to your server and save it to the same place as where on your style sheet you said it would be. Then that's it. Check it out and make sure it works on all the links. Enjoy.







Back to TutorialsHomeHelpContactPrivacy
© Copyright 2008. Nicky - Trixinity.net. All Rights Reserved.