Forum Moderators: not2easy

Message Too Old, No Replies

Custom Cursor for Friendster

         

the queen bee

2:39 am on Feb 8, 2006 (gmt 0)

10+ Year Member



Hi! I want to customize the cursor of my profile in Friendster. I do not wish to customize using the standard cursors, I wish to use images as cursors or even animations. I think this is done via CSS, how do I do this?

Robin_reala

7:34 am on Feb 8, 2006 (gmt 0)

WebmasterWorld Senior Member 10+ Year Member



body { cursor: url(path/to/cursor); }

This will only work in IE and Firefox1.5+ (along with other Gecko releases).

the queen bee

8:18 am on Feb 8, 2006 (gmt 0)

10+ Year Member



Thanks! So this means I should have a cursor file saved in my pc right? So, for example, below is my CSS code, where do I insert body { cursor: url(path/to/cursor); }? Thanks!

<STYLE TYPE='text/css'>
/* CSS generated at csscreator.com */
BODY{background-color:#FFCCFF; color:#6666FF; font-family:cursive; font-size:small; font-weight:normal; scrollbar-3dlight-color:#FF3399; scrollbar-arrow-color:#FF0066; scrollbar-base-color:#FF33CC; scrollbar-darkshadow-color:#FF00CC; scrollbar-face-color:#CC99FF; scrollbar-highlight-color:#FF0099; scrollbar-shadow-color:#FF33CC; }
FONT{color:#6600FF; font-family:sans-serif; background-color:#FFCCFF; }
P{color:#FF33FF; background-color:#FFCCFF; }
PRE{color:#6666FF; font-size:medium; }
DIV{ color:#9933FF; border-color:#9966FF; }
SPAN{ color:#FF0099; border-color:#CC33FF; }
A{color:#CC3399; }
A:Visited{color:#FF0099; }
A:Hover{color:#CC0099; }
TABLE{background-color:#00CCFF; color:#FF0099; }
</STYLE>

Robin_reala

11:48 am on Feb 8, 2006 (gmt 0)

WebmasterWorld Senior Member 10+ Year Member



Nope, you'll need to have the cursor stored online somewhere so that everyone can access it. Once you've done that change the path in my example to the location of your cursor, then add the rule to the appropriate part of your stylesheet (probably inside the body for the time being).

the queen bee

2:18 am on Feb 9, 2006 (gmt 0)

10+ Year Member



how do I store the cursor somewhere online? can I use the downloadable/available cursors offered by some websites? How? What do you mean by the path? URL? How?

I have below code for a cursor from a certain website:

<b style=position:absolute;left:675;top:0;font-family:arial;font-size:10pt;><a href="http://www.nortonproject.com/myspace-cursor.html"><img src="http://www.nortonproject.com/mycursor.gif" alt="custom myspace cursors free" border="0"></a></b><br><a href="http://www.nortonproject.com/myspace-cursor.html"><img src="http://www.nortonproject.com/mycursor.gif" alt="custom myspace cursors free" border="0"><br>Custom MySpace Cursors Free!</a><br><STYLE TYPE="text/css">p {align=justify}
BODY{cursor: url(http://www.nortonproject.com/customcursors/BEAR.cur);}
a {cursor: url(http://www.nortonproject.com/customcursors/CHERUB.ani);}</STYLE>

How do I use it?

I tried inserting

cursor: url(http://www.nortonproject.com/customcursors/BEAR.cur);

in my CSS code in my 2nd post but it doesn't work...