PDA

View Full Version : Cursor Style

Ryan Szablewski
07-08-2003, 04:59 AM
hey guys... im making a navbar for my site and i want my cursor to have a hand instaed of text.... i used a table and i have my <TD> as the link.. they all work fine i jes need to kno whow and where to get it to have my cursor as a hand... thanks much and heres my code: (my email is rjs2006@wi.rr.com if u need me)

<HTML>

<HEAD>

<TITLE>My Page Menu</TITLE>

<STYLE type="text/css">
<!--
BODY {
scrollbar-face-color:#FFFFFF;
scrollbar-highlight-color:#FFFFFF;
scrollbar-3dlight-color:#0000FF;
scrollbar-darkshadow-color:#0000FF;
scrollbar-shadow-color:#FFFFFF;
scrollbar-arrow-color:#0000FF;
scrollbar-track-color:#FFFFFF;
}
-->
</STYLE>
</HEAD>

<script language="JavaScript1.2">
if (window.Event)
document.captureEvents(Event.MOUSEUP);
function nocontextmenu()
{
event.cancelBubble = true
event.returnValue = false;
return false;
}
function norightclick(e)
{
if (window.Event)
{
if (e.which == 2 || e.which == 3)
return false;
}
else
if (event.button == 2 || event.button == 3)
{
event.cancelBubble = true
event.returnValue = false;
return false;
}
}
document.oncontextmenu = nocontextmenu;
document.onmousedown = norightclick;
</script>
</html>
<HEAD>
<script language="JavaScript"> <!--
var message="Thank you for visiting ryanzablewski.com"; // Message for the alert box
function click(e) {
if (document.all) {
if (event.button == 2) {
alert(message);
return false;
}
}
if (document.layers) {
if (e.which == 3) {
alert(message);
return false;
}
}
}
if (document.layers) {
document.captureEvents(Event.MOUSEDOWN);
}
document.onmousedown=click;
// --> </script>
</HEAD>






<BODY BGCOLOR="white">

<FONT FACE="TEMPUS SANS ITC" color="BLACK">

<center>
<TABLE BORDER="2" WIDTH="100%" BORDERCOLOR="BLUE">
<TR><A HREF="mainhome.HTML" Target="Middle"><TD>&nbsp;<font face="verdana"color="blue" size="2">::&nbsp;&nbsp;&nbsp;&nbsp;Home</A></FONT></TD></TR>
<TR><A HREF="mainme.HTML" Target="Middle"><TD>&nbsp;<font face="verdana"color="blue" size="2">::&nbsp;&nbsp;&nbsp;&nbsp;About Me</A></FONT></TD></TR>
<TR><A HREF="mainFamily.HTML" Target="Middle"><TD>&nbsp;<font face="verdana"color="blue" size="2">::&nbsp;&nbsp;&nbsp;&nbsp;Family</A></FONT></TD></TR>
<TR><A HREF="mainFriends.HTML" Target="Middle"><TD>&nbsp;<font face="verdana"color="blue" size="2">::&nbsp;&nbsp;&nbsp;&nbsp;Friends</A></FONT></TD></TR>
<TR><A HREF="mainmovies.HTML" Target="Middle"><TD>&nbsp;<font face="verdana"color="blue" size="2">::&nbsp;&nbsp;&nbsp;&nbsp;Movies</A></FONT></TD></TR>
<TR><A HREF="mainsongs.HTML" Target="Middle"><TD>&nbsp;<font face="verdana"color="blue" size="2">::&nbsp;&nbsp;&nbsp;&nbsp;Favorite Songs</A></FONT></TD></TR>
<TR><A HREF="mainquotes.HTML" Target="Middle"><TD>&nbsp;<font face="verdana"color="blue" size="2">::&nbsp;&nbsp;&nbsp;&nbsp;Cool Sayings</A></FONT></TD></TR>
<TR><A HREF="mainGames.HTML" Target="Middle"><TD>&nbsp;<font face="verdana"color="blue" size="2">::&nbsp;&nbsp;&nbsp;&nbsp;Games</A></FONT></TD></TR>
<TR><A HREF="maindownloads.HTML" Target="Middle"><TD>&nbsp;<font face="verdana"color="blue" size="2">::&nbsp;&nbsp;&nbsp;&nbsp;Downloads</A></FONT></TD></TR>
<TR><A HREF="mainpaintball.HTML" Target="Middle"><TD>&nbsp;<font face="verdana"color="blue" size="2">::&nbsp;&nbsp;&nbsp;&nbsp;Paintball</A></FONT></TD></TR>
<TR><A HREF="mainlinks.HTML" Target="Middle"><TD>&nbsp;<font face="verdana"color="blue" size="2">::&nbsp;&nbsp;&nbsp;&nbsp;Links</A></FONT></TD></TR>
<TR><A HREF="mainpics.HTML" Target="Middle"><TD>&nbsp;<font face="verdana"color="blue" size="2">::&nbsp;&nbsp;&nbsp;&nbsp;Pictures</A></FONT></TD></TR>
<TR><A HREF="mainjokes.HTML" Target="Middle"><TD>&nbsp;<font face="verdana"color="blue" size="2">::&nbsp;&nbsp;&nbsp;&nbsp;Jokes</A></FONT></TD></TR>
<TR><A HREF="mailto:rjs2006@wi.rr.com" Target="Middle"><TD>&nbsp;<font face="verdana"color="blue" size="2">::&nbsp;&nbsp;&nbsp;&nbsp;Email Me</A></FONT></TD></TR>
</table>
</center>



</BODY>

</FONT>

</HTML>
crazyjls7890
07-08-2003, 04:35 PM
The CSS codes for cursors can be found about halfway down this page: http://www.lissaexplains.com/css.shtml

Just makes sure you have this in your style:

cursor: value; [default, auto, wait, crosshair, hand, help, text, move, s-resize, e-resize, w-resize, ne-resize, nw-resize, se-resize, sw-resize] }

And you might want to take your websties URL out of your signature :P
Ryan Szablewski
07-08-2003, 05:43 PM
thanks much that helps! :)