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.

Menu Image Inset Box Hover

View previous topic View next topic 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 : 457
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 : 13176
Reputation : 2879
Language : EN10, FR5
Location : Macungie, PA

http://fmdesign.forumotion.com

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 : 457
Reputation : 1
Language : Danish, english
Location : Denmark

http://www.vielamort.net

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