submenu-dropdown html/css

[bugalurock 0]

Boa Noite Galera, tudo bem? Estou com um problema, eu tenho um menu e um submenu, vou postar um link aqui que a funcionalidade é igual:

http://www.bondfaro.com.br/

 

Nos menus eles tem submenu, porém, ele tem um submenu grande, a partir da metade do menu ele abre pra esquerda ou pra direita o submenu, pra permanecer no conteúdo.

 

Alguém pode me ajudar? não faço a mínima ideia por onde começar... se faço em js, ou css mesmo.

 

Meu nível é de intermediário pra avançado.

 

Obrigado

[maykon343 0]

Da pra fazer só com css utilizando :hover não sei se é isso que você quer mas segue um exemplo básico abaixo.

 

 

.submenu{opacity:0;visibility:hidden;}
.menu ul li:hover .submenu{opacity:1;visibility:visible;}

 

<ul>
<li class="menu">
<a href="#">Celulares</a>
<ul class="submenu">
<li><a href="#">Iphone</a></li>
<li><a href="#">Android</a></li>
<li><a href="#">Windows Phone</a></li>
<li><a href="#">Blackberry</a></li>
</ul>
</li>
</ul>

[wilnet 92]

Veja uma coleção de menus drop down, espero que goste de algum:

 

http://www.siteparaempresas.com.br/blog/?p=4354

 

http://www.webmaster.pt/76-menu-jquery-14624.html

 

 

Espero ter ajudado,

 

vlw

[bugalurock 0]

Maykon43, isso é tranquilo, faço na boa, mas o problema é que quanto eu tenho os links do meio para a direita eu gostaria que abrisse o submenu para a esquerda do link e quando fosse do meio para a esquerda, eu gostaria que o submenu abrisse para o lado direito.

 

Pois, como o submenu é grande, se eu passar o mouse no ultimo link, dependendo da tela ele vai além da tela, daí vai cortar o submenu, por tal preciso que ele abra para o lado oposto.