The forum of the forums
Welcome to the Official Support Forum of Forumotion!

To take full advantage of everything offered by our forum, please log in if you are already a member, or join our community if you've not yet.



Create a free forum like this one.

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

View previous topic View next topic 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 Darkel 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

Darkel
Hyperactive

Male Posts : 2186
Reputation : 272
Language : English, Tagalog
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.

LGforum
Hyperactive

Male Posts : 2260
Reputation : 258
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?

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.

LGforum
Hyperactive

Male Posts : 2260
Reputation : 258
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?

Nera.
Energetic

Female Posts : 7077
Reputation : 2013
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

Nera.
Energetic

Female Posts : 7077
Reputation : 2013
Language : English
Location : -

http://webartzforum.com

Back to top Go down

View previous topic View next topic Back to top


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