31 replies [Last post]
jems
Offline
newbie
Last seen: 17 years 25 weeks ago
Joined: 2005-10-09
Posts: 9
Points: 0

Hi there!
just wanna ask how to change cursor on friendster.

Laughing out loud

Tyssen
Tyssen's picture
Offline
Moderator
Brisbane
Last seen: 8 years 24 weeks ago
Brisbane
Timezone: GMT+10
Joined: 2004-05-01
Posts: 8201
Points: 1386

HI!

How to get help
Post a link. If you can't post a link, jsFiddle it.
My blog | My older articles | CSS Reference

thepineapplehead
thepineapplehead's picture
Offline
Moderator
Last seen: 48 weeks 6 days ago
Timezone: GMT+1
Joined: 2004-06-30
Posts: 9683
Points: 819

HI!

Newer versions of browsers (IE7 and Firefox 1.5+ iirc) also support other images for cursors.

Verschwindende wrote:
  • CSS doesn't make pies

jems
Offline
newbie
Last seen: 17 years 25 weeks ago
Joined: 2005-10-09
Posts: 9
Points: 0

:)

Laughing out loud
any site for cursor?
thanks for the syntax tyssen

jems
Offline
newbie
Last seen: 17 years 25 weeks ago
Joined: 2005-10-09
Posts: 9
Points: 0

HI!

ei, i just copied the code on the css cursors but it doesnt work
tnx!

Anonymous
Anonymous's picture
Guru

Re: :)

jems wrote:
any site for cursor?
This one is pretty good. Laughing out loud

thepineapplehead
thepineapplehead's picture
Offline
Moderator
Last seen: 48 weeks 6 days ago
Timezone: GMT+1
Joined: 2004-06-30
Posts: 9683
Points: 819

HI!

Jems, can you please show us the code you tried?

Verschwindende wrote:
  • CSS doesn't make pies

jems
Offline
newbie
Last seen: 17 years 25 weeks ago
Joined: 2005-10-09
Posts: 9
Points: 0

HI!

<html>
<head>
<style type="text/css">
.xlink {cursor:crosshair}
.hlink{cursor:help}
</style>
</head>

<body>

<a href="mypage.htm" class="xlink">CROSS LINK</a>
<br>
<a href="mypage.htm" class="hlink">HELP LINK</a>

</body>
</html>

thepineapplehead
thepineapplehead's picture
Offline
Moderator
Last seen: 48 weeks 6 days ago
Timezone: GMT+1
Joined: 2004-06-30
Posts: 9683
Points: 819

HI!

First up, paste this bit of code above the <html> tag:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd" >

also, the code you posted seems to work fine in a test case I made; are you sure it doesn't work?

Verschwindende wrote:
  • CSS doesn't make pies

jems
Offline
newbie
Last seen: 17 years 25 weeks ago
Joined: 2005-10-09
Posts: 9
Points: 0

HI!

i tried it the code u gave me and it also doesnt work, can u give me any other cursor command, and other cursors?

thepineapplehead
thepineapplehead's picture
Offline
Moderator
Last seen: 48 weeks 6 days ago
Timezone: GMT+1
Joined: 2004-06-30
Posts: 9683
Points: 819

HI!

Tyssen wrote:
CSS cursors

That's all the cursors you can have.

What do you mean it doesn't work? What happens when you move your mouse over the links?

Verschwindende wrote:
  • CSS doesn't make pies

jems
Offline
newbie
Last seen: 17 years 25 weeks ago
Joined: 2005-10-09
Posts: 9
Points: 0

HI!

nothing happens, the cursor still the default, the arrow. i saw a profile of my friend in friendster, her cursor is different its a gun, and if you'll point the cursor on the pics the pics will be blurred.
hehehehe.
I just want my cursor to be different, like a heart or anything nice. Laughing out loud
thanks for the help
I appreciate it..

thepineapplehead
thepineapplehead's picture
Offline
Moderator
Last seen: 48 weeks 6 days ago
Timezone: GMT+1
Joined: 2004-06-30
Posts: 9683
Points: 819

HI!

Can you give us a link to the page you've tried it on so we can see what's going on?

Verschwindende wrote:
  • CSS doesn't make pies

Hugo
Hugo's picture
Offline
Moderator
London
Last seen: 8 years 12 weeks ago
London
Joined: 2004-06-06
Posts: 15668
Points: 2806

HI!

Hang on lets stop right there.

jems what are you trying to do you need to explain things in detail for help to be effective.

Are you trying to modify your profile?
In other words are you trying to enter this code in the "customize CSS text box"

If you are this box is for CSS code only not html markup you do not enter Doctypes in it or any other html, as far as I'm aware you can only modify your CSS not the actual html markup that defines the page.

The code that you should enter if working in the advanced CSS text box would be something similar to this:

body #container .xlink{
cursor:crosshair;
}

Or this:

body #container a {
cursor:crosshair;
}

The extra selectors are there to provide weight to ensure the rules are observed and not overwritten by another rule.

Hugo.

Before you make your first post it is vital that you READ THE POSTING GUIDELINES!
----------------------------------------------------------------
Please post ALL your code - both CSS & HTML - in [code] tags
Please validate and ensure you have included a full Doctype before posting.
Why validate? Read Me

jems
Offline
newbie
Last seen: 17 years 25 weeks ago
Joined: 2005-10-09
Posts: 9
Points: 0

HI!

yeah, im putting it in the code in css.
here's my email
search me on friendster my friends name is Lyn, look for her on my account you'll see. hope it helps.
thanks a lot.

Hugo
Hugo's picture
Offline
Moderator
London
Last seen: 8 years 12 weeks ago
London
Joined: 2004-06-06
Posts: 15668
Points: 2806

HI!

You must understand that providing an email address does not allow us to see your profiles we have mentioned this before. Your profile page and it's CSS customizations are not viewable unless the person wishing to look is also a member of friendster and logged in.

This forum is not part of friendster as such and the members on this forum will generally not be members of friendster therefore they will not be able to view your page and it's coding.

Now having established that you are indeed entering CSS code in the advanced CSS box on the customize page can I ask if you actually bothered to try and use the code I provided above so we can establish whether it works in this instance.

Hugo.

Before you make your first post it is vital that you READ THE POSTING GUIDELINES!
----------------------------------------------------------------
Please post ALL your code - both CSS & HTML - in [code] tags
Please validate and ensure you have included a full Doctype before posting.
Why validate? Read Me

jems
Offline
newbie
Last seen: 17 years 25 weeks ago
Joined: 2005-10-09
Posts: 9
Points: 0

HI!

heres some code i put on css

body #container * {
font-weight: bold;
color:white;
background-color:transparent;
border-color:blue;
}

body {
background-image: url("http://jems_15.blogs.friendster.com/photos/backgrnd/a3.gif");
}

i tried to add the code that you gve me
but its not workin, all the codes didnt work when i put the code
body #container .xlink{
cursor:crosshair;
}

where should i put it in....

Anonymous
Anonymous's picture
Guru

HI!

Try this:

  1. go to "My Settings"
  2. Switch "Safe Mode" to "Yes"
  3. Hit the "Save" button
  4. Switch "Safe Mode" to "No"
  5. Hit the "Save" button again
  6. Check out your profile
[/]
Hugo
Hugo's picture
Offline
Moderator
London
Last seen: 8 years 12 weeks ago
London
Joined: 2004-06-06
Posts: 15668
Points: 2806

HI!

Jems where have you got these two class names from .xlink and .hlink ?

what have you actually been doing these two class names do not exist in the fiendster html markup on the profile pages as standard.

Have you in fact gone to one of these CSS generators like MyGen and got a whole new CSS layout if so this is a completely different matter as your asking us to customize customization.

This code will work to change all links on your profile page to crosshair, as long as you only have minor modifications to the existing profile page code.

  
body #container a {  
cursor:crosshair;  
}


Jems on second thoughts I think you need to explain very carefully everything you've been trying to do and where you got the initial bit of code you showed and what page you are actually trying to modify as I don't see where those two links you mentioned earlier are.

Hugo.

Before you make your first post it is vital that you READ THE POSTING GUIDELINES!
----------------------------------------------------------------
Please post ALL your code - both CSS & HTML - in [code] tags
Please validate and ensure you have included a full Doctype before posting.
Why validate? Read Me

faiRy-taleZzzz
Offline
newbie
Last seen: 17 years 24 weeks ago
Timezone: GMT+8
Joined: 2005-10-15
Posts: 2
Points: 0

HI!

oh no..it's now wroking for me....hmmm...i created my css profile..then i saved it under my frenster profile...
then i got the cursor's link and i copy paste it under my frenster css profile...but then it doesn't work... :roll:

Anonymous
Anonymous's picture
Guru

HI!

faiRy-taleZzzz wrote:
it's now wroking for me
It is? Great.

faiRy-taleZzzz
Offline
newbie
Last seen: 17 years 24 weeks ago
Timezone: GMT+8
Joined: 2005-10-15
Posts: 2
Points: 0

HI!

Triumph wrote:
faiRy-taleZzzz wrote:
it's now wroking for me
It is? Great.

lolz..yupz...k..i tried this

<style type=text/css>body{cursor:http://i13.photobucket.com/albums/a253/faiRy-taleZzzz/cursor.gif
}</style>

but still not working... :roll:

Hugo
Hugo's picture
Offline
Moderator
London
Last seen: 8 years 12 weeks ago
London
Joined: 2004-06-06
Posts: 15668
Points: 2806

HI!

Quote:
olz..yupz...k.

Is that meant to mean something, as it's double Dutch to me! actually I could probably understand double Dutch better.

What made you think that the bit of code would work? in all the examples for you to look at in previous posts where does it show code being entered that way and with that syntax?

You do not use the <style> tag that is already entered you simply enter the property rule.

My example above hows you how to change the cursor; if you want to use a file located elsewhere you use the url syntax:
cursor: ur(http:// )
Also demonstrated in this or one of the other posts.

Before you make your first post it is vital that you READ THE POSTING GUIDELINES!
----------------------------------------------------------------
Please post ALL your code - both CSS & HTML - in [code] tags
Please validate and ensure you have included a full Doctype before posting.
Why validate? Read Me

angel_freak
Offline
newbie
Last seen: 17 years 21 weeks ago
Joined: 2005-11-07
Posts: 5
Points: 0

HI!

hi there..i need help about cursors in friendster..

ive entered cursors code but the cursor only appeared whenever i move my mouse to links/pics,

how can i make up a code that will show up my cursor throughout the page but not just on link itself?

thepineapplehead
thepineapplehead's picture
Offline
Moderator
Last seen: 48 weeks 6 days ago
Timezone: GMT+1
Joined: 2004-06-30
Posts: 9683
Points: 819

HI!

Please don't post in other people's threads, it's very rude.

This will help:

body {
cursor: crosshair;
}

Verschwindende wrote:
  • CSS doesn't make pies

kuyaedou
Offline
newbie
Last seen: 17 years 20 weeks ago
Joined: 2005-11-10
Posts: 1
Points: 0

HI!

Hello! Just want to ask also how do I generate a custom cursor in my friendster's profile. I have uploaded a .gif image of a cursor from photobucket and made an URL on it and tried to put it on my friendster profile css editor, but it didn't worked and all it shows were the same default pointer and hand cursors. What did I do wrong?! Shock

thepineapplehead
thepineapplehead's picture
Offline
Moderator
Last seen: 48 weeks 6 days ago
Timezone: GMT+1
Joined: 2004-06-30
Posts: 9683
Points: 819

HI!

IE doesn't support images as cursors, only a few browsers do.

And try not to hijack other people's threads Laughing out loud

Verschwindende wrote:
  • CSS doesn't make pies

Vkey
Offline
Regular
Last seen: 17 years 24 weeks ago
Joined: 2005-10-17
Posts: 31
Points: 0

HI!

kuyaedou wrote:
Hello! Just want to ask also how do I generate a custom cursor in my friendster's profile. I have uploaded a .gif image of a cursor from photobucket and made an URL on it and tried to put it on my friendster profile css editor, but it didn't worked and all it shows were the same default pointer and hand cursors. What did I do wrong?! Shock

You must upload a CUR or ANI type of cursors to free hosting sites like geocities etc. Then, once u put the URL of the cursor as ur friendster cursor, use IE to view it! I dont think firefox supports custom cursors!

thepineapplehead
thepineapplehead's picture
Offline
Moderator
Last seen: 48 weeks 6 days ago
Timezone: GMT+1
Joined: 2004-06-30
Posts: 9683
Points: 819

HI!

Vkey wrote:
I dont think firefox supports custom cursors!

It does Laughing out loud

Verschwindende wrote:
  • CSS doesn't make pies

Anonymous
Anonymous's picture
Guru

HI!

thepineapplehead wrote:
It does Laughing out loud
... but geocities doesn't support hot linking.

Vkey
Offline
Regular
Last seen: 17 years 24 weeks ago
Joined: 2005-10-17
Posts: 31
Points: 0

HI!

thepineapplehead wrote:
Vkey wrote:
I dont think firefox supports custom cursors!

It does Laughing out loud

Oh, because for my profile, the custom cursor only shows up for Internet Explorer but not in FireFox! Sad

To add a custom cursor, you need to use an icon editor or graphic editor to produce a .cur or a .anl file to use as your cursor. Once you have it, you add the cursor to your pages with CSS:

body {
cursor:url('mycursor.cur');
}

Currently, a custom cursor will only function in Internet Explorer 6.

Having said that, and following on from some other comments, as you said that you are a "rookie", I would strongly advise you to speak to your client and try your best to talk them out of doing this. custom cursors are basically never seen on truly professional websites - they detract from the usual user experience, confuse and/or irritate the end user, and look terribly amateurish. This will especially be the case if you use a company name as a cursor - if the text remains legible, it will forcibly be too large to be useful, and it will make the site much harder to use. Try to bring your professional opinion into play - good luck! :) 

Taken from :
http://www.webmasterworld.com/forum21/10987.htm

thepineapplehead
thepineapplehead's picture
Offline
Moderator
Last seen: 48 weeks 6 days ago
Timezone: GMT+1
Joined: 2004-06-30
Posts: 9683
Points: 819

HI!

Verschwindende wrote:
  • CSS doesn't make pies