Mouse over effect
3 posters
Page 1 of 1
Mouse over effect
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?
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?
Re: Mouse over effect
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:
And than this for hover:
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
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
- Posts : 7078
Reputation : 2017
Language : English
Location : -
Re: Mouse over effect
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.
Re: Mouse over effect
Here you go, that should be it
http://www.thedesignforums.net/t20-how-to-add-tipsy-tooltip-on-your-forum
http://www.thedesignforums.net/t20-how-to-add-tipsy-tooltip-on-your-forum
Nera.- Energetic
- Posts : 7078
Reputation : 2017
Language : English
Location : -
Page 1 of 1
Permissions in this forum:
You cannot reply to topics in this forum