The forum of the forums
Would you like to react to this message? Create an account in a few clicks or log in to continue.

Menu Image Inset Box Hover

2 posters

Go down

In progress Menu Image Inset Box Hover

Post by IdaTR Tue Nov 11, 2014 11:39 pm

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

Female Posts : 547
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 Wed Nov 12, 2014 12: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
Menu Image Inset Box Hover Captur14
Ange Tuteur
Ange Tuteur
Forumaster

Male Posts : 13207
Reputation : 3000
Language : English & 日本語
Location : Pennsylvania

https://fmdesign.forumotion.com

Back to top Go down

In progress Re: Menu Image Inset Box Hover

Post by IdaTR Wed Nov 12, 2014 1:06 am

Yes thanks! (:
IdaTR
IdaTR
Forumember

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

http://www.vielamort.net

Back to top Go down

Back to top

- Similar topics

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