WebArtz - The Web Design Forum
Welcome to WebArtz, Guest!

WebArtz is a nice place for discussions related to web designing and coding. We help our members to code their own website templates with HTML and CSS. We give them advice on various issues.

To know more about WebArtz Forum, visit the About Us page.

At the moment, you are viewing the forum as a guest. As a guest you can't make post and participate in discussions. You need to register and become a member of the forum. Click the register link below and become a part of this forum.

Thank You


You are not connected. Please login or register

View previous topic View next topic Go down  Message [Page 1 of 1]

1 Help Me! on Sun Sep 12, 2010 9:17 am

verrell123

avatar
Registered Member
Registered Member
can anybody tell me my request html code

I want to make some text when we over mouse the cursor will be chance like picture we want?
Help me Guest!

http://www.freshartz.co.cc/

2 Re: Help Me! on Sun Sep 12, 2010 11:16 am

Sanket

avatar
Administrator
Administrator
http://www.webartzforum.com/tutorials-f7/rollover-button-using-css-t420.htm
You can use something similar.

http://www.webartzforum.com

3 Re: Help Me! on Sun Sep 12, 2010 11:22 am

verrell123

avatar
Registered Member
Registered Member
i mean that a text when we roll over the cursor will be chance like a picture that we want

http://www.freshartz.co.cc/

4 Re: Help Me! on Sun Sep 12, 2010 12:47 pm

ankillien

avatar
Administrator
Administrator
Hi,

You want some text to show up and when mouse hovered, it should show a picture?

5 Re: Help Me! on Sun Sep 12, 2010 12:52 pm

verrell123

avatar
Registered Member
Registered Member
yes, but it chance the cursor

http://www.freshartz.co.cc/

6 Re: Help Me! on Sun Sep 12, 2010 12:56 pm

ankillien

avatar
Administrator
Administrator
You want to change the cursor only?

7 Re: Help Me! on Sun Sep 12, 2010 12:57 pm

verrell123

avatar
Registered Member
Registered Member
yes!

http://www.freshartz.co.cc/

8 Re: Help Me! on Sun Sep 12, 2010 1:02 pm

ankillien

avatar
Administrator
Administrator
You can use this code...

Code:
<style type="text/css">
.cur-change:hover {
cursor : url(CURSOR IMAGE URL HERE);
}
</style>
<span class="cur-change">
Text Goes Here
</span>

9 Re: Help Me! on Sun Sep 12, 2010 1:06 pm

verrell123

avatar
Registered Member
Registered Member
it don't work?

http://www.freshartz.co.cc/

10 Re: Help Me! on Sun Sep 12, 2010 1:09 pm

ankillien

avatar
Administrator
Administrator
Have you added the cursor URL? If yes, please provide the link here.

11 Re: Help Me! on Sun Sep 12, 2010 1:11 pm

verrell123

avatar
Registered Member
Registered Member
Cursor Url=http://cur.cursors-4u.net/cursors/images1/cur1.gif

So when the mouse on the text the cursor will be like this

http://www.freshartz.co.cc/

12 Re: Help Me! on Sun Sep 12, 2010 1:17 pm

ankillien

avatar
Administrator
Administrator
It should be a .CUR file .GIF file would not work, I think.

13 Re: Help Me! on Sun Sep 12, 2010 1:18 pm

verrell123

avatar
Registered Member
Registered Member
how i can find .cur?

can you tell me? Please?

http://www.freshartz.co.cc/

14 Re: Help Me! on Sun Sep 12, 2010 2:03 pm

ankillien

avatar
Administrator
Administrator
Give me the link to the page where you find cursors.

15 Re: Help Me! on Sun Sep 12, 2010 2:35 pm

verrell123

avatar
Registered Member
Registered Member
Cursor-4u.com or cursors-4u.com i forgot

http://www.freshartz.co.cc/

16 Re: Help Me! on Sun Sep 12, 2010 3:05 pm

ankillien

avatar
Administrator
Administrator
Go to the cursor page and look at the code they provide. You need to find this part...

{cursor: url(http://cur.cursors-4u.net/toons/too-4/too371.cur), progress;}

You just need to copy the underlined part that starts with http and ends with .cur or .ani

17 Re: Help Me! on Sun Sep 12, 2010 3:23 pm

verrell123

avatar
Registered Member
Registered Member
Ok wait

Edit: i already use this code
Code:

<style type="text/css">body, a, a:hover {cursor: url(http://cur.cursors-4u.net/cursors/cur-1/cur1.ani), progress;}</style><a href="http://www.cursors-4u.com/cursor/2005/04/22/cur1-11.html" target="_blank" title="Electricity Lightning"><img src="http://cursors-4u.com/support.gif" border="0" alt="Electricity Lightning" style="position:absolute; top: 0px; right: 0px;" /></a>
but it no use?

http://www.freshartz.co.cc/

18 Re: Help Me! on Sun Sep 12, 2010 4:10 pm

ankillien

avatar
Administrator
Administrator
This should be your code...

Code:
<style type="text/css">
.cur-change {
cursor : url(http://cur.cursors-4u.net/cursors/cur-1/cur1.ani);
}
</style>
<span class="cur-change">
Text Goes Here
</span>

19 Re: Help Me! on Sun Sep 12, 2010 4:16 pm

verrell123

avatar
Registered Member
Registered Member
it no use again?

http://www.freshartz.co.cc/

20 Re: Help Me! on Sun Sep 12, 2010 5:04 pm

ankillien

avatar
Administrator
Administrator
The code works in IE but not in other browsers. Try using .CUR file.

21 Re: Help Me! on Sun Sep 12, 2010 5:06 pm

verrell123

avatar
Registered Member
Registered Member
ok thanks ankillien Solved and LOCK

http://www.freshartz.co.cc/

22 Re: Help Me! on Sun Sep 12, 2010 5:48 pm

ankillien

avatar
Administrator
Administrator
Solved | Locked

Sponsored content


View previous topic View next topic Back to top  Message [Page 1 of 1]

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