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 effect

View previous topic View next topic Go down

In progress Mouse over effect

Post by Sweet_Nightmare on Thu Jan 12 2012, 22:00

Hey, It's me again.
So, there is menu, in which the pictures are in circle and when you put your mouse on one of the pictures a text is showing in the center of the circle.
Can you please give me a code for that?

Sweet_Nightmare
Forumember

Female Posts : 84
Reputation : 4
Language : Bulgarian
Location : Sofia, Bulgaria

http://teenobsession.forumotion.com/

Back to top Go down

In progress Re: Mouse over effect

Post by Nera. on Fri Jan 13 2012, 00:21

Hi
Remove your navigations out of Admin panel and add them all through CSS.
Also go to Display >> Headers and navigations >> Display only images in nav bar: YES

Enter your links in and also set the height and width.

Do this for the static image:
Code:
#i_icon_mini_index {
background-image: url('IMAGE LINK GOES HERE');
width: XYpx;
height: XYpx;
}

And than this for hover:
Code:
#i_icon_mini_index:hover {
background-image: url('IMAGE HOVER LINK GOES HERE');
width: XYpx;
height: XYpx;
}

Do it for all navigations, just change the end of #i_icon_mini

Like this:
_portal {
_portal:hover {

This is for the rest of navigations:
_profile
_calendar
_gallery
_message
_new_message
_register
_login
_logout
_search
_faq

Nera.
Energetic

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

http://webartzforum.com

Back to top Go down

In progress Re: Mouse over effect

Post by Sweet_Nightmare on Fri Jan 13 2012, 15:14

No, it's not for those buttons. It's like a this (multi forums combined) but there are only few pictures and when you go over each one of them in a different area it shows you text or other picture. It's a hover effect. I can't find a better way to explain it. Sorry.

Sweet_Nightmare
Forumember

Female Posts : 84
Reputation : 4
Language : Bulgarian
Location : Sofia, Bulgaria

http://teenobsession.forumotion.com/

Back to top Go down

In progress Re: Mouse over effect

Post by Nera. on Sat Jan 14 2012, 01:51


Nera.
Energetic

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

http://webartzforum.com

Back to top Go down

In progress Re: Mouse over effect

Post by lBlacKl on Sat Jan 14 2012, 02:02


lBlacKl
Forumember

Male Posts : 202
Reputation : 2
Language : English and Tagalog

http://gfxtutorials.netboarder.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