Welcome Guest [Log In] [Register]
This board has been archived and is no longer accepting new questions. If you have a support question for your ZetaBoard, please visit us at the new support board. Registration is free and easy.


Visit the NEW ZetaBoards Support forum!

Username:   Password:
Locked Topic
[Solved]Using custom cursor/pointer for your board
Topic Started: May 21 2008, 08:46 AM (2,011 Views)
Ambrosia
Member
[ *  * ]
Hi,

Just wondering if it's possible to use a custom pointer/cursor for my entire board.
This is the pointer I want to use: http://z3.ifrm.com/86/165/0/f75538/Link_Ice.ani

<style>
<!--
BODY{
cursor:url("http://z3.ifrm.com/86/165/0/f75538/Link_Ice.ani");
}
-->
</style>


I think it should be possible, just don't know how.
Except that it would be some additional string to the CSS or template.

Any thoughts?
Offline Profile Goto Top
 
Nicola
Darth Vader's Sewing Instructor
[ *  *  *  *  *  *  * ]
Have you tried a .cur file instead?
Offline Profile Goto Top
 
Shifty
Be good/Do good/Give up
[ *  * ]
Further, as some browsers will have difficulty, use multiple URLs, plus a reversion to a default cursor type.

For example:
Code:
 
body {
cursor : url("http://www.w/e.com/mything.cur"), url("http://www.w/e.com/mything.csr"), pointer; }


Take particular note of the last one, pointer, because it's important to make sure all browsers get something suitable, if not perfect :)
Offline Profile Goto Top
 
Ambrosia
Member
[ *  * ]
That worked great, anyway I could simulate the effects like lets say when clicking a hyperlink select/link select AND text select?
As those are 2 different .cur files.
What I mean is when a person clicks on a hyperlink they see the proper cursor for the task at hand.
Normally clicking a hyperlink shows a clicking finger, I have a replacement for that.
Same goes for text selection.

hyperlink = 'hand'
text selct = 'text'

Been trying some combinations but as I said this isn't my field of expertise, so no luck at all.
Edited by Ambrosia, May 21 2008, 03:36 PM.
Offline Profile Goto Top
 
Ambrosia
Member
[ *  * ]
Tried couple of codes from other websites but they didn't work.
I still need the codes for hovering/clicking hyperlinks and text selection.

Offline Profile Goto Top
 
Shifty
Be good/Do good/Give up
[ *  * ]
So you want a different cursor for when you hover over any link?

Try using:
Code:
 
a:hover { cursor: url("cursor1.cur"), url("cursor2.csr"), default }

Both of the example above should essentially be the same icon, in two different file formats, because neither of them, nor .ico, are accepted by all software. Helpful, eh? <__<

As for the text selection thing... It's hard to say what you'd use to define that. I don't know what sort of CSS selector controls that action. It MIGHT be:
Code:
 
*:focus { cursor: url("cursor1.cur"), url("cursor2.csr"), default }
Offline Profile Goto Top
 
Shifty
Be good/Do good/Give up
[ *  * ]
Infaaaaaaaaact. I looked back at a code I made some time ago. For the latter problem (the one I wasn't so sure about) try this out (pretty complex CSS!):
Code:
 
*::-moz-selection { cursor: ...; }
*::selection { cursor: ...; }


I think that may be most likely to change the cursor as you select text, though... Infact I'm almost sure that's what it'll do. But hey, try it anyway! :P
Offline Profile Goto Top
 
Ambrosia
Member
[ *  * ]
Hover works fine, but the last one i don't know.
Nothing happend haha.
This is confusing to me to why it's different from other websites, since they all say 'text/hand'.
By text select I meant when you're making a post the cursor is different it's like this | <<
I don't want to change the color if I would to select/copy certain text.
Just the pointer/cursor indicator.
Edited by Ambrosia, May 24 2008, 12:54 PM.
Offline Profile Goto Top
 
WeirdAdz
Member Avatar
You cant go through life without saying something is Weird.
[ *  * ]
You have made a real good point, now ive read through what has been said a couple of times and i completely dont understand whats been said and how to do this.

Where does the code or link go for the Cursor which i want, and can i change the Loading Cursor etc?
Offline Profile Goto Top
 
Ambrosia
Member
[ *  * ]
It goes at the bottom of your CSS.
Well that's what i'm trying to get a working list of all the cursors, since what other sites wrote don't work.
In my case I only need 3, general, hyperlink, text.
Hopefully more people will help out, it's something small but it's also something that makes your forum stands out.
Offline Profile Goto Top
 
1 user reading this topic (1 Guest and 0 Anonymous)
Go to Next Page
« Previous Topic · Theme & CSS Help · Next Topic »
Locked Topic