Community Central
Register
Community Central
Forums: Index Community Central Forum Custom cursor
Fandom's forums are a place for the community to help other members.
To contact staff directly or to report bugs, please use Special:Contact.
Archive
Note: This topic has been unedited for 4767 days. It is considered archived - the discussion is over. Information in this thread may be out of date. Do not add to unless it really needs a response.


Hi,

I tried to add a custom cursor on my wiki. If I had this on Wikia.css :

body{
  cursor:X;
}

(With X = wait, crosshair, text, etc...)

It works. But I can't use an image of mine, like this one: Curseur_Normal.png , this:

body{
  cursor:url('UrlOfTheImage'), pointer;
}

Doesn't work.

So, is it possible to have a custom cursor from an image (and is it allowed by the Terms of Use) ?

Thanks, --Aster09 21:22, February 16, 2011 (UTC)

Make sure the image is from Wikia. There's a whitelist for image urls, and if your image isn't from a server on that whitelist, it won't show.  Monchoman45  Talk  Contribs  Skystone  21:28,2/16/2011 
Ok, thanks. The image is from a game, I uploaded it on my wiki, so if I have correctly understood, it can't work :/ Where can I find this whitelist please? Thanks again. --Aster09 13:41, February 17, 2011 (UTC)
I don't remember where it is. All I know is that if you upload the image to Wikia, and use the Wikia url, it should work.  Monchoman45  Talk  Contribs  Skystone  13:43,2/17/2011 
Do you mean this: MediaWiki:External_image_whitelist? - Tjcool007 (Talk / Contribs) 13:50, February 17, 2011 (UTC)


Sorry, finally it works, maybe I hadn't refresh corretly the page yesterday ^^"
I reached to customize the "default" cursor and the "pointer" cursor but I do not know what is the code to customize the "text" cursor, if someone knows if it is possible and/or how to do it ? Thanks, --Aster09 10:26, February 19, 2011 (UTC)

Nobody knwos if, at least, it is possible ? :/ --Aster09 17:32, February 22, 2011 (UTC)

So cursor:url('UrlOfTheImage'), text; doesn't work? -- Fandyllic (talk · contr) 22 Feb 2011 7:40 PM Pacific
Is the image a .cur or .ani? Joey 14:19, February 23, 2011 (UTC)
Fandyllic, if I use that, the text cursor is a second choice (in case of the image would not work) I think, isn't it ?
Joey, the images are .png, but it works now, it is not the problem anymore :)
For the moment, my wikia.css looks like that:
body{
  cursor: url('http://images2.wikia.nocookie.net/__cb20110213131405/sims/fr/images/a/a0/Curseur_Normal.png'), auto;
}

a:link{
  cursor: url('http://images2.wikia.nocookie.net/sims/fr/images/8/8c/Curseur_Pointer.png'), pointer;
}

a:visited{
  cursor: url('http://images2.wikia.nocookie.net/sims/fr/images/8/8c/Curseur_Pointer.png'), pointer;
}

a:hover{
  cursor: url('http://images2.wikia.nocookie.net/sims/fr/images/8/8c/Curseur_Pointer.png'), pointer;
}

a:active{
  cursor: url('http://images2.wikia.nocookie.net/sims/fr/images/8/8c/Curseur_Pointer.png'), pointer;
}
It works, I have this cursor Curseur_Normal.png on the body and this cursor Curseur_Pointer.png when I am over a link. My problem now, it is that I don't have a default cursor and a text cursor separated, when I am over a text, it shows this cursor Curseur_Normal.png . What I want, if it is possible, is to know the code to specify a text cursor:
mysteriouscode{
  cursor: url('UrlOfMyTextCursor'), text;
}
To summarize,
I want to change de default cursor by this one : Curseur_Normal.png
To change the pointer cursor by this one : Curseur_Pointer.png
And to change the text cursor by this one : Curseur_Texte.png
I hope my explanation was clear :/ Thanks ! --Aster09 19:25, February 23, 2011 (UTC)
Awsome! Can I see your wiki and the code for your cursor, cause I want it on my wiki too.--Andromeda Vadum 20:02, February 23, 2011 (UTC)
I would guess the wiki is French Sims wiki. However, Aster09 has not appeared to have applied the new cursor code wiki-wide. -- Fandyllic (talk · contr) 23 Feb 2011 7:20 PM Pacific
Yes, this is the French Sims Wiki. I use my personnal wikia.css page to test the cursors. But I don't want to apply these new cursors if I can't use a new text cursor :/ --Aster09 15:21, February 24, 2011 (UTC)

Problem solved. The code was:

p:hover{
  cursor: url('UrlOfTheImage'), text;
}

Thanks :) --Aster09 20:26, February 24, 2011 (UTC)