Mouse over "new topic" and "post reply" button

I would like to have both buttons highlight when you put your mouse over the button. I have been trying to figure this out on my own and so far no luck.

These are the buttons


Can someone please show me where and what code I need to change/use?

If you need any other info from me let me know.

Thanks!

Hi,

If you want to change go to your ACP >> Display >> Pics Management >> Advanced Mode >> Buttons >> there change the image address then replace it on your own..

The best way to create a hover effect on these buttons is by setting the image as an empty image in the admin panel.

The in the CSS, setting your image as a background-image. Therefore you can work with CSS sprites.

uhm, can you show how it could be done LG?

Its kind of hard to explain. But basically, you have the hover image and the normal image all as one image.

Then in the CSS, you set it so that when you hover over the class, that background image moves to show the other button.

This will explain it better:
http://www.w3schools.com/css/css_image_sprites.asp

Its kind of hard to write somebody else's sprite CSS for them without knowing the exact dimensions of the button and images.

does anyone know how to work with sprites? If I provide the images can some one do it for me? It's very confusing

Hi,

What is your forum version?

Nera. wrote:Hi,

What is your forum version?

I finally figured it out. Thanks for all the help.

No problem.

Topic Solved & Locked