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

Dec

2011

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!

1 Raizen, on 10/12/2011 at 02h30

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.. Wink

2 LGforum, on 10/12/2011 at 03h41

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.

3 FL.ux, on 10/12/2011 at 03h44

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

4 LGforum, on 10/12/2011 at 03h46

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.

5 iamthestreets, on 10/12/2011 at 22h34

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

6 Nera., on 10/12/2011 at 22h47

Hi,

What is your forum version?

7 iamthestreets, on 10/12/2011 at 23h58

Nera. wrote:Hi,

What is your forum version?

I finally figured it out. :wouhou:

Thanks for all the help.

8 Nera., on 11/12/2011 at 00h01

No problem.

Topic Solved & Locked