Menu Image Inset Box Hover

Go down

In progress Menu Image Inset Box Hover

Post by IdaTR on November 12th 2014, 12:39 am

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. 
avatar
IdaTR
Forumember

Female Posts : 542
Reputation : 1
Language : Danish, english
Location : Denmark

http://www.vielamort.net

Back to top Go down

In progress Re: Menu Image Inset Box Hover

Post by Ange Tuteur on November 12th 2014, 1:51 am

Hello IdaTR,

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
avatar
Ange Tuteur
Forumaster

Male Posts : 13201
Reputation : 2917
Language : EN10, FR5, JA5
Location : Macungie, PA

https://github.com/SethClydesdale

Back to top Go down

In progress Re: Menu Image Inset Box Hover

Post by IdaTR on November 12th 2014, 2:06 am

Yes thanks! (:
avatar
IdaTR
Forumember

Female Posts : 542
Reputation : 1
Language : Danish, english
Location : Denmark

http://www.vielamort.net

Back to top Go down

Back to top


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