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 July 19th 2010, 3:21 am

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 July 20th 2010, 6:05 pm

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 : 231
Language : idk

Back to top Go down

Re: Cursors

Post by NightStar3 on July 20th 2010, 6:35 pm

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 July 20th 2010, 6:47 pm

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 : 231
Language : idk

Back to top Go down

Re: Cursors

Post by NightStar3 on July 20th 2010, 7:26 pm

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 July 25th 2010, 1:18 am

Anyone?

NightStar3
Forumember

Posts : 36
Reputation : 0
Language : English

Back to top Go down

Re: Cursors

Post by Sanket on July 25th 2010, 8:38 am

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 July 25th 2010, 10:38 pm

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 July 26th 2010, 3:20 pm

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 July 26th 2010, 4:05 pm

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 July 27th 2010, 2:36 am

@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 July 27th 2010, 2:39 am

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 July 28th 2010, 1:35 pm

Anyone? Please?

NightStar3
Forumember

Posts : 36
Reputation : 0
Language : English

Back to top Go down

Re: Cursors

Post by Sanket on July 28th 2010, 2:49 pm

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 July 29th 2010, 11:29 pm

@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 July 30th 2010, 6:10 am

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 July 31st 2010, 6:50 pm

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 August 1st 2010, 4:17 am

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 August 1st 2010, 11:46 pm

(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 August 2nd 2010, 3:56 am

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 August 2nd 2010, 1:30 pm


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 August 13th 2010, 12:09 am

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