Cursors

Is there a way that I can change my cursor so that when it goes over text,
(the I icon appears usually but when I changed it to a custom cursor it doesn't appear)
the icon changes and displays a different cursor
(only when hovering over text and such)
(And when typing)


Thanks,
NightStar3

Check out Pyzam.com. I'm pretty sure that they have a variety of cursor scripts that you can add to your forum. Also, just hook up with Google Search if Pyzam doesn't have what you're looking for.

Can you send me the link to the cursors section (if there is one)
I can't seem to find one

Here you go: http://www.pyzam.com/pages/cursors

Also, here's another decent cursor site: http://www.cursorpedia.com/

They both lead to cursor sites in which I can view/download cursors,
but it doesn't have the code that I wanted

( The cursor changes when hovering over text
(like the "I" that normally appears))

Anyone?

What is the url of the cursor?

Something like
http://www.cursors-4u.com/cursor/2010/05/04/mac-os-x-text-select.html


I made my own, but I don't know where to upload it.
Any suggestions?

Thanks!

Upload the image to tinypic.com

Try this.

Code:


<style type="text/css">body,  cursor: text {cursor: url(http://cur.cursors-4u.net/cursors/cur-4/cur332.cur), progress;}</style>

@Sanket it says that .cur files aren't supported

@Gangstar15 the code doesn't work (I think because its html)

its work, but the problem is this part "cursor: text", i don't know the one that works

Anyone? Please?

Yes you need to convert the file to a jpeg image.

Sanket wrote:Yes you need to convert the file to a jpeg image.

Cursors don't work that way
You can't use jpg files as cursors either

Hello,

Please try adding this code to your CSS...

Code:

body {
cursor: url(http://cur.cursors-4u.net/cursors/cur-4/cur332.cur), progress;
}

Sorry ankillien,
but I want a code for only when it hovers over text.
I already have a cursor for that code.

I don't think it is possible

(mouseover this post for a variety of cursors) This will show a Blue Cursor over content (text etc) except links and a Red Cursor when you mouseover/hover links

Code: body {    margin: 0px;    cursor: url(http://cur.cursors-4u.net/cursors/cur-2/cur116.cur), progress;    } a:hover {    cursor: url(http://cur.cursors-4u.net/cursors/cur-2/cur117.cur), default;    } add to: Admin Panel»Display»Pictures and Colors»Colors»Css

You can create several class selectors and use different cursor/pointers for individual content (span, div, table) Example: a help/question mark cursor for text inside a span that is labeled "help1"

Code: <style>  .help1 {cursor: help} </style> <span class="help1"> Help topics<br> #1<br> #2<br> #3<br> #4<br> #5<br> </span>

A variety of cursor classes and corresponding span's for testing

Code: <style> .text1 { cursor: help } .text2 { cursor: pointer } .text3 { cursor: crosshair } .text4 { cursor: n-resize } .text5 { cursor: nw-resize } .text6 { cursor: w-resize } .text7 { cursor: sw-resize } .text8 { cursor:s-resize } .text9 { cursor: se-resize } .text10 { cursor: text } .text11 { cursor:wait } .text12 { cursor: default } .text13 { cursor: e-resize } .text14 { cursor: ne-resize } .text15 { cursor: auto } .ninja { cursor: url(http://cur.cursors-4u.net/others/oth-5/oth521.cur), pointer; } </style> Basic Cursor Names: <br><br> <span class="text1"> 1.  help </span><br> <span class="text2"> 2. pointer </span><br> <span class="text3"> 3. crosshair </span><br> <span class="text4"> 4. n-resize </span><br> <span class="text5"> 5. nw-resize </span><br> <span class="text6"> 6. w-resize </span><br> <span class="text7"> 7. sw-resize </span><br> <span class="text8"> 8. s-resize </span><br> <span class="text9"> 9. se-resize </span><br> <span class="text10"> 10. text </span><br> <span class="text11"> 11. wait </span><br> <span class="text12"> 12. default </span><br> <span class="text13"> 13. e-resize </span><br> <span class="text14"> 14. ne-resize </span><br> <span class="text15"> 15. auto </span><br><br> <span class="ninja"> Hover Here For A Custom "Ninja Kunai" Pointer </span>

Paste the code in this online editor & mouseover the examples.

RoNo, how would this code work in posts when HTML is disabled. The have to apply specific tags/class to their post content.

Customized content on a BBCode only board?... I'd stay with styling bbcode tables. This is for the help topics & cursor below

Code: [table width=470px][tr][td style="border:none;cursor: help"][color=#FF6600] Help topics #1 Help cursor in a bbcode table #2 Mouseover this area #3 #4 #5 [/color][/td][/tr][/table]

Help topics #1 Help cursor in a bbcode table #2 Mouseover this area #3 #4 #5

Custom cursor's are more fun with Html. Example: We can create a Quick Cursor Class... Add an iPod cursor when hovering video/media links. Submit this to the Css Stylesheet Code: c2 a:hover { cursor: url("http://cur.cursors-4u.net/mechanics/mec-3/mec219.cur"), pointer } Links placed between <c2></c2> will have an iPod hover cursor. Example: Link in a forum post Code: <c2> <a href="http:// YouTube Link.com"> A Must See Video!</a> </c2> Demo (post icon and hover cursor using <c2> tags)

Sweet thanks