Changing a cursor in my store

[Guest D2West]

I want my mouse pointer to be:

http://kb-d2.com/cursor/cursor.png

I put this line in..

{mytemp}/styletemplates/global/index.tpl

<style type="text/css">

<!--

body {cursor: url('http://kb-d2.com/cursor/cursor.png');}

-->

</style>

It goes in the header, thats where I put it.

As you can see the cursor has not changed:

www.kb-d2.com/en/store/

Let me know what file I need to edit. Thanks guys.

[Guest vrakas]

Please put back the copyright at the bottom.

If you wish of this to be removed then you can purchase a license. ;)

[markscarts]

I can see two simple problems with the code you are using.

Vrakas has pointed out, you are breaking the free use license by having removed the copyright information. Please replace it or purchase a CubeCart license.

[Guest D2West]

As I replied in the email...

I was messing with index.tpl and occasionally my footer dissapeared.

I need to know how to place the copyright back in, as I did not even know it was removed. I would not break the TOS for something so silly, please help.

[Guest D2West]

I fixed it now, was a simple mistake the body tag was not in tact.

Can I get help with the cursor now? */*

[Guest vrakas]

Thanks for correcting this

I noticed you have a hand allready as a cursor on your site, cant you trace this code and replace the icon only?

[markscarts]

cool

well you don't need quote marks for the url, just type it in the parentheses w/o single of double quotes, and you should use a .cur or a .ani image for the cursor

[Guest D2West]

Okay do I need to just save it as a .ani or .cur?

vrakas= i dont know how to trace it

Or do i need to convert the image?

Okay I did that and the line is

(http://kb-d2.com/cursor/cursor.cur)

still not workin */*

[Guest D2West]

someone.. please.. :(

[markscarts]

In answer to your last question, I don't think you can just rename an image that is foramatted as GIF JPEG or PNG

But I can't tell you how to create a .cur properly, you need to search the web with google for more information on this. This is not a CubeCart issue. If I were going to do as you plan to do, I would search the web for information and tutorials on replacing the cursor image.

I cannot give you any direct links in thnis forum, but I can tell you that w3schools tutorials on legitimate CSS properties is where I usually start, check w3schools.com/css/pr_class_cursor.asp

Try the following search on google: cursor css

[Guest vrakas]

I just gave it a try and did this here

Added to the index.tpl file under skins/yourskin/styletemplates/global/

in the head section

<style>

<!--

BODY{

CURSOR: url(cursor1.cur);

}

-->

</style>

then i added the cursor to the file and works.

There might be a better solution but try this if you wish after you make a backup :)

[markscarts]

:D

Works but for IE only. If the original poster would be willing to simply find a pre-made image on the internet, his job would be that easy. I think he wants to convert a custom .gif to a .cur - and this can probably be done with some free program; just search the web and I'm sure you can do it

I try to shun the bling-bling that is not cross-browser compatible. :)

[Guest D2West]

Hmm... maybe I will look for another cursor then.

Thanks vrakas for the code

Thanks mark for the input.

[Guest D2West]

I got a cursor editing program.

I converted it to .cur...

Hehe still not working.

I put the cursor image in "skins/yourskin/styletemplates/global/"

I also edited the HEADER code like vrakas.

Hmm... >_<. Lol.

What to do now .

I am ok with it to be only viewable in IE.

[Guest D2West]

Okay I did it!

www.kb-d2.com/en/store

check it out all, make sure you look in IE

For those of you who want to follow in my footsteps with a custom cursor I will explain here .

Go to your index.tpl

/public_html/en/store/skins/YOURSKIN/styleTemplates/global/index.tpl

Edit index.tpl

You will then put this code into the header of that file

<style>

<!--

BODY{

CURSOR: url('direct url to your cursor');

}

-->

</style>

You must upload your cursor to your hosting.



If you put the image in a folder named "cursor" then you would edit it like so:

CURSOR: url('http://yoursite.com/cursor/cursor.cur')

To convert a jpeg/gif whatever to cursor you can use a program like...

Realworld Cursor Editor

It is free and easy to use.

I hope you all have less problems than I did!

Hehe,

Keith

[Guest vrakas]

@MarksCarts

I noticed it wouldnt work with FF but forgot to edit my post

At least i know the code works with IE and D2West used it and got it working

@D2West

You requested this and i put it together for you

You got it working at the end, well done :)

[Guest D2West]

Yes Vrakas .

Thanks for ALL the help.