|
 |
|
|
|
|
|
To have a custom mouse image like on my site, http://www.htmlhelpline.com/aim, I have made a tutorial to help you out!
To make the mouse custom when in the body...
1. Place this code in your HEAD section of your page:
| QUOTE |
<style>
<!--
BODY{
cursor:url(\"mycursor.cur\");
}
-->
</style>
|
2. Change mycursor.cur to the path of your custom cursor...I will tell you in just a sec how to make really cool cursors!
To make custom mouseover link cursors...
1. Place this code somewhere in your body:
| QUOTE |
<STYLE type=\"text/css\">
<!--
A:link {
color:silver;
cursor:url(\"coin.ani\");
text-decoration:none;
font-weight:none;
}
A:visited {
color:silver;
cursor:url(\"coin.ani\");
text-decoration:none;
font-weight:none;
}
A:active {
color:silver;
cursor:url(\"coin.ani\");
text-decoration:none;
font-weight:none;
}
A:hover {
color:lightblue;
cursor:url(\"coin.ani\");
text-decoration:none;
}
--></STYLE>
|
2. Change coin.ani to the path of your custom cursor (.ani just means that it is animated!)
3. You can change any of the code for the links above to whatever colors or anything else that you want...make your links look cool!
To make a custom cursor...
You can either go to C:WINNTCursors (you may have to replace WINNT with Windows or something like that), or you can click here to download a cursor pack with a lot of really cool cursors! The last thing that you can do is you can use the following codes instead of a file path:
crosshair
pointer
move
e-resize, ne-resize, nw-resize, n-resize, se-resize, sw-resize, s-resize, w-resize
text
wait
help
You can get creative with these cursors and make your site look really cool! Visit my site and out the mouse over the menu ;). If you have any questions, feel free to ask me!
|
|
|
|
