The forum of the forums
Welcome to the Official Support Forum of Forumotion!

To take full advantage of everything offered by our forum, please log in if you are already a member, or join our community if you've not yet.



Create a free forum like this one.

Cursors

View previous topic View next topic Go down

Cursors

Post by NightStar3 on Mon 19 Jul - 2:21

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

NightStar3
Forumember

Posts : 36
Reputation : 0
Language : English

Back to top Go down

Re: Cursors

Post by Rok on Tue 20 Jul - 17:05

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. Wink

Rok
Energetic

Male Posts : 6823
Reputation : 232
Language : idk

Back to top Go down

Re: Cursors

Post by NightStar3 on Tue 20 Jul - 17:35

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

NightStar3
Forumember

Posts : 36
Reputation : 0
Language : English

Back to top Go down

Re: Cursors

Post by Rok on Tue 20 Jul - 17:47

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

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

Rok
Energetic

Male Posts : 6823
Reputation : 232
Language : idk

Back to top Go down

Re: Cursors

Post by NightStar3 on Tue 20 Jul - 18:26

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))

NightStar3
Forumember

Posts : 36
Reputation : 0
Language : English

Back to top Go down

Re: Cursors

Post by NightStar3 on Sun 25 Jul - 0:18

Anyone?

NightStar3
Forumember

Posts : 36
Reputation : 0
Language : English

Back to top Go down

Re: Cursors

Post by Sanket on Sun 25 Jul - 7:38

What is the url of the cursor?

Sanket
ForumGuru

Male Posts : 48766
Reputation : 2819
Language : English
Location : Mumbai

http://webartzforum.com

Back to top Go down

Re: Cursors

Post by NightStar3 on Sun 25 Jul - 21:38

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!

NightStar3
Forumember

Posts : 36
Reputation : 0
Language : English

Back to top Go down

Re: Cursors

Post by Sanket on Mon 26 Jul - 14:20

Upload the image to tinypic.com

Sanket
ForumGuru

Male Posts : 48766
Reputation : 2819
Language : English
Location : Mumbai

http://webartzforum.com

Back to top Go down

Re: Cursors

Post by Guest on Mon 26 Jul - 15:05

Try this.
Code:

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

Guest
Guest


Back to top Go down

Re: Cursors

Post by NightStar3 on Tue 27 Jul - 1:36

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

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

NightStar3
Forumember

Posts : 36
Reputation : 0
Language : English

Back to top Go down

Re: Cursors

Post by Guest on Tue 27 Jul - 1:39

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

Guest
Guest


Back to top Go down

Re: Cursors

Post by NightStar3 on Wed 28 Jul - 12:35

Anyone? Please?

NightStar3
Forumember

Posts : 36
Reputation : 0
Language : English

Back to top Go down

Re: Cursors

Post by Sanket on Wed 28 Jul - 13:49

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

Sanket
ForumGuru

Male Posts : 48766
Reputation : 2819
Language : English
Location : Mumbai

http://webartzforum.com

Back to top Go down

Re: Cursors

Post by NightStar3 on Thu 29 Jul - 22:29

@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 loul

NightStar3
Forumember

Posts : 36
Reputation : 0
Language : English

Back to top Go down

Re: Cursors

Post by ankillien on Fri 30 Jul - 5:10

Hello,

Please try adding this code to your CSS...

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

ankillien
Energetic

Posts : 5198
Reputation : 129
Language : English, XHTML, CSS, JS, PHP, SQL

http://www.webartzforum.com/

Back to top Go down

Re: Cursors

Post by NightStar3 on Sat 31 Jul - 17:50

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



NightStar3
Forumember

Posts : 36
Reputation : 0
Language : English

Back to top Go down

Re: Cursors

Post by ankillien on Sun 1 Aug - 3:17

I don't think it is possible :/

ankillien
Energetic

Posts : 5198
Reputation : 129
Language : English, XHTML, CSS, JS, PHP, SQL

http://www.webartzforum.com/

Back to top Go down

Re: Cursors

Post by RoNo on Sun 1 Aug - 22:46

(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 PanelDisplayPictures and ColorsColorsCss



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
Active Poster

Male Posts : 1270
Reputation : 135
Language : English
Location : Laguna Beach, California

http://bf2mercenaries.forumotion.com/

Back to top Go down

Re: Cursors

Post by ankillien on Mon 2 Aug - 2:56

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

ankillien
Energetic

Posts : 5198
Reputation : 129
Language : English, XHTML, CSS, JS, PHP, SQL

http://www.webartzforum.com/

Back to top Go down

Re: Cursors

Post by RoNo on Mon 2 Aug - 12:30


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)



RoNo
Active Poster

Male Posts : 1270
Reputation : 135
Language : English
Location : Laguna Beach, California

http://bf2mercenaries.forumotion.com/

Back to top Go down

Re: Cursors

Post by NightStar3 on Thu 12 Aug - 23:09

Sweet thanks
:wouhou:

NightStar3
Forumember

Posts : 36
Reputation : 0
Language : English

Back to top Go down

View previous topic View next topic Back to top


 
Permissions in this forum:
You cannot reply to topics in this forum