hover or animated images in menu

Rate this topic: Evaluations: 1, 1.00 on the average.Evaluations: 1, 1.00 on the average.Evaluations: 1, 1.00 on the average.Evaluations: 1, 1.00 on the average.Evaluations: 1, 1.00 on the average.Evaluations: 1, 1.00 on the average.1.00 out of 6 based on 1 vote(s)
GK User
Thu Feb 14, 2013 1:35 pm
Reply with quote
Report this post
Hello.

I'd like to know how to use rollover images in top menu of my website (http://pasarelacanaria.com). Or maybe animated images like in this website (facebook, twitter, google, rss on top menu)

Thank you for your attention.
Antonio
User avatar
Fresh Boarder

GK User
Thu Feb 14, 2013 10:18 pm
Reply with quote
Report this post
Hi, you can use a:hover , there few solution to looks icons nice. In Fashion template we use the CSS opacity property for icons, so you don't have to create new or modify it in photoshop.

Read about here: http://www.w3schools.com/css/css_image_transparency.asp

Add opacity in menu.css file for elements with ID menu550, menu551 and 584.

Code: Select all
 .gkMenu > ul > li > a#menu550:hover { opacity:0.6; filter:alpha(opacity=60);  }
User avatar
Platinum Boarder

GK User
Fri Feb 15, 2013 11:36 am
Reply with quote
Report this post
Thank you very much for your attention. It worked perfectly.
User avatar
Fresh Boarder


cron