Foundation
-
FollowReplies
-
Hover popup with lot of style content
byrohitya Thursday, February 27, 2014 at 7:41 AM EST
Hi,
how can i do this popup hover property with lot of contents.
can anybody help me out,
thanks in advance.
Rafi Benkual
over 5 years ago
Here are some posts using Foundation Topbar that will help you:
http://foundation.zurb.com/forum/posts/232-megamenu
http://foundation.zurb.com/forum/posts/2082-mega-menu---full-width-dropdown-challenge
rohitya
over 5 years ago
Hi Rafi,
Thanks man for helping me out.
i am little bit confused in popup hover list. here is the code i am using .
but this code is not as i want ..
i want same as above picture that i posted earlier.
<ul> <li> <a href="#">Live TV</a> </li> <li><a href="#" data-dropdown="movies-dropdown" data-options="is_hover:true;">Movies</a></li> <li><a href="#">Videos </a> </li> <li><a href="#"> TV Shows</a></li> </ul>
<div class="large-12 medium-12 small-12 columns "> <div class="row"> <div class="main-menu-list large-3 medium-4 columns menu-dropdown-container "> <ul class="right-side-border"> <h5>dsfsffsddf dffdf</h5> <li><a href="#">NEW</a></li> <li><a href="#">POPULAR</a></li> <li><a href="#">ALL TIME HITS</a></li> <li><a href="#">FREE MOVIES</a></li> <li><a href="#">ALL MOVIES</a></li> </ul> </div> <div class="main-menu-list large-4 medium-8 columns"> <h5>dsfsffsddf dffdf</h5> <ul> <li><a href="#">ACTION</a></li> <li><a href="#">THRILLER</a></li> <li><a href="#">SUSPENSE</a></li> <li><a href="#">HORROR</a></li> <li><a href="#">CRIME</a></li> </ul> <ul class="right-side-border" > <li><a href="#">ACTION</a></li> <li><a href="#">THRILLER</a></li> <li><a href="#">SUSPENSE</a></li> <li><a href="#">HORROR</a></li> <li><a href="#">CRIME</a></li> </ul> </div> <div class="main-menu-list large-4 medium-12 columns show-for-large-up"> <h5>dsfsffsddf dffdf</h5> <ul> <li><img src="img/moviPoster_menu.png" alt="Movie Poster" /></li> </ul> <ul> <li><a href="#">ACTION</a></li> <li><a href="#">THRILLER</a></li> <li><a href="#">SUSPENSE</a></li> <li><a href="#">HORROR</a></li> <li><a href="#">CRIME</a></li> </ul> </div> </div> </div> </div> </div> </div>
rohitya
over 5 years ago
Hi,
one more question about popup hover in menu.
it's not happening like that i want.
here is the url you can check on navigation menu items.
http://106.51.251.174/rohit/test-dd/index.html
earlier i mention that what i exactly want.
help me
thanks
Maybe this is what you are looking for?
http://code.tutsplus.com/tutorials/how-to-build-a-kick-butt-css3-mega-drop-down-menu--net-15129