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

Go down

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

Post by iamthestreets on December 10th 2011, 1:08 am

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!

iamthestreets
Forumember

Posts : 114
Reputation : 1
Language : English

http://www.mystreetlife.forumotion.com/

Back to top Go down

Solved Re: Mouse over "new topic" and "post reply" button

Post by Stephen- on December 10th 2011, 2:30 am

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
avatar
Stephen-
Forum Reviewer
Forum Reviewer

Male Posts : 2402
Reputation : 297
Language : Tagalog, English
Location : Philippines

Back to top Go down

Solved Re: Mouse over "new topic" and "post reply" button

Post by LGforum on December 10th 2011, 3:41 am

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.
avatar
LGforum
Hyperactive

Male Posts : 2263
Reputation : 260
Language : English
Location : UK

http://www.avacweb.com/

Back to top Go down

Solved Re: Mouse over "new topic" and "post reply" button

Post by FL.ux on December 10th 2011, 3:44 am

uhm, can you show how it could be done LG?
avatar
FL.ux
Forumember

Male Posts : 842
Reputation : 18
Language : I hope I could be a FM staff :'(
Location : I shall fly to the subterranean sky.

Back to top Go down

Solved Re: Mouse over "new topic" and "post reply" button

Post by LGforum on December 10th 2011, 3:46 am

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.
avatar
LGforum
Hyperactive

Male Posts : 2263
Reputation : 260
Language : English
Location : UK

http://www.avacweb.com/

Back to top Go down

Solved Re: Mouse over "new topic" and "post reply" button

Post by iamthestreets on December 10th 2011, 10:34 pm

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

iamthestreets
Forumember

Posts : 114
Reputation : 1
Language : English

http://www.mystreetlife.forumotion.com/

Back to top Go down

Solved Re: Mouse over "new topic" and "post reply" button

Post by Nera. on December 10th 2011, 10:47 pm

Hi,

What is your forum version?
avatar
Nera.
Energetic

Female Posts : 7078
Reputation : 2014
Language : English
Location : -

http://webartzforum.com

Back to top Go down

Solved Re: Mouse over "new topic" and "post reply" button

Post by iamthestreets on December 10th 2011, 11:58 pm

@Nera. wrote:Hi,

What is your forum version?

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

iamthestreets
Forumember

Posts : 114
Reputation : 1
Language : English

http://www.mystreetlife.forumotion.com/

Back to top Go down

Solved Re: Mouse over "new topic" and "post reply" button

Post by Nera. on December 11th 2011, 12:01 am

No problem.

Topic Solved & Locked
avatar
Nera.
Energetic

Female Posts : 7078
Reputation : 2014
Language : English
Location : -

http://webartzforum.com

Back to top Go down

Back to top


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