Menu Image Inset Box Hover
2 posters
Page 1 of 1
Menu Image Inset Box Hover
- Code:
-webkit-box-shadow: inset 0px 0px 7px 6px rgba(0,0,0,1);
-moz-box-shadow: inset 0px 0px 7px 6px rgba(0,0,0,1);
box-shadow: inset 0px 0px 7px 6px rgba(0,0,0,1);
I would like to have this hover appear on the website: www.vielamort.net
in the menu as a hover.
Also is it possible to switch the images out with text instead? Since would like the color to switch as well, since it would be easier for me.
Re: Menu Image Inset Box Hover
Hello IdaTR,
You want to add this hover to the nav images ?
If you want text for the navbar you'll need to remove the images and make sure that this option is set to "No" :
Administration Panel > Display > Headers and navigation > Display only images in the navbar
You want to add this hover to the nav images ?
- Code:
.navbar a.mainmenu img:hover {
-webkit-box-shadow: inset 0px 0px 7px 6px rgba(0,0,0,1);
-moz-box-shadow: inset 0px 0px 7px 6px rgba(0,0,0,1);
box-shadow: inset 0px 0px 7px 6px rgba(0,0,0,1);
}
If you want text for the navbar you'll need to remove the images and make sure that this option is set to "No" :
Administration Panel > Display > Headers and navigation > Display only images in the navbar
Similar topics
» CSS: image parts change on hover
» Image with drop down menu in tool bar
» Image Hover on Category
» Announcment, Expand forum button, Custom like button, Hover over image
» Profile/Banner Hover Image
» Image with drop down menu in tool bar
» Image Hover on Category
» Announcment, Expand forum button, Custom like button, Hover over image
» Profile/Banner Hover Image
Page 1 of 1
Permissions in this forum:
You cannot reply to topics in this forum