Profile help - New guy

[nickusanick]

Hi I have made a few profiles for others (free of charge), just basic things. But this one has me stumped. i've spent days trying to figure this out. I have a page with the "twitter" icon on one side that if clicked will take the user to the twitter account. Quite simple. Everyone does this. But I have seen two profiles where when the cursor is placed on the twitter icon, the cursor changes from the usual pointer, to instead an image that pops up saying "follow me on twitter". I looked at their html and see they put in "cursor:url(here they type of address of the image such as https://camo.highwebmedia.com, etc). " If I copy and use that address in my html of course it works perfectly. But my images are on "imgur.com". If I put in my "imgur.com/imageame" instead of their "camo" address, it will not work. Can anyone help me. The attached image will show my html and what i'm trying to do. THANKS
Here is "their html that works, but as I say if I switch the address for cursor to my image it fails:

href="/external_link/?url=https%3A%2F%2Ftwitter.com%2F%40theirname" rel="nofollow" target="_blank"><img rel="nofollow" src="https://camo.stream.highwebmedia.co...36f6d2f6275746f6e2f70616b322f747769742e706e67" style="cursor:url(https://camo.stream.highwebmedia.co...d2f6275746f6e2f70616b312f7477697431632e706e67), auto!important;" target="_blank"/></a><a

 

[bbbbadddd]

Are you using the same image or another? The size of an image displayed as a cursor replacement is limited. A maximum of 125x125 if I remember right. If larger, then it will not display with the same cursor:url code calling it.

Otherwise, there's no problem pulling from imgur as far as I know. I have several bio pages running from there doing the same with basically the same code.

 

[nickusanick]

Are you using the same image or another? The size of an image displayed as a cursor replacement is limited. A maximum of 125x125 if I remember right. If larger, then it will not display with the same cursor:url code calling it.

Otherwise, there's no problem pulling from imgur as far as I know. I have several bio pages running from there doing the same with basically the same code.

I'll give that a try. I appreciate you trying to help. This has been making me crazy. It pulls all my other images from imgur with no problem, but for some rease that on for the cursor it won't do. i ended up going to the "camo" website, copying that guys, putting it on on imgur and it won't work. But i will look agains.

 

[nickusanick]

tried it with smaller image. Made the image I want to use for cursor .8 in x .8 in which is smaller that 125X125 px. When I use the other guys image it works..but my own form imgur fails. Here is the html that works using the other guys (camo.highwebmedia image).
<a href="https://www.twitter.com/2bunnyboys " &amp;domain=twitter.com" target="_blank" rel="nofollow"><img src='"' style="position: fixed; top: 150px; left:5px; width:50px; height:50px;
cursor:url(https://camo.stream.highwebmedia.co...d2f6275746f6e2f70616b312f7477697431632e706e67), auto!important;" target="_blank"/></a>

Here is my html using my own image from imgur for cursor: which does not show the cursor image:
tried it with smaller image. Made the image I want to use for cursor .8 in x .8 in which is smaller that 125X125 px. When I use the other guys image it works..but my own form imgur fails. Here is the html that works using the other guys (camo.highwebmedia image).
<a href="https://www.twitter.com/2bunnyboys " &amp;domain=twitter.com" target="_blank" rel="nofollow"><img src='"' style="position: fixed; top: 150px; left:5px; width:50px; height:50px;
cursor:url(https://imgur.com/4g3ytmer.png), auto!important;" target="_blank"/></a>

 

[nickusanick]

SORRY. I sent the html and did not realize it would change it to image. Anyway you can see under each image. my html for the cursor. the first image under the bottom is the cursor url for the other guys "camo" image. And it works great. The bottom one if for my imgur image which fails. I guess I'll just give up on this idea. But thanks for your interest.

 

[bbbbadddd]

Your cursor image fails to load for me in browser directly. Try it from a device where it's not cached in any way and see if you can display it. If not, then something wrong with link or image.

This one right?

https://imgur.com/4g3ytmer.png

 

[bbbbadddd]

I see the problem... Your image link isn't right. You need an "i." before imgur as below:

https://i.imgur.com/4g3ytmer.png

The above works.

Make sure that you're using the Direct Link from imgur vs the others.

Also looks like you may need to fix the png to have a transparent background.

 

[nickusanick]

THANKS!!!! You are absolutely the best. Finally after so many days of frustration it all boiled down to not using the direct link with the "i" in front of imgur!!!!! Yes I know the link needs to have a transparent background I just was trying any image to make it work. THANK YOU THANK YOU THANK YOU.

 

[bbbbadddd]

The little things like that are hardest to find. You look forever and don't see. lol