Fórum Menu Retrátil. #525391
10/07/2015
0
Ele funciona perfeitamente, mas eu quero que o conteúdo do site que está em baixo do menu. Acompanhasse a caixa Subindo e descendo
Como é possível fazer isso ?
Renan Carlos
Curtir tópico
+ 0Posts
10/07/2015
Jothaz
Então por favor poste os códigos.
Gostei + 0
10/07/2015
Renan Carlos
<div id="R-Menu">
<ul class="m-menu">
<li><a href="#">Home</a></li>
<li>
<a href="#" class="dropdown-toggle">Cadastros</a>
<div class="m-menu-container" data-role="dropdown" data-no-close="true">
<div class="grid no-margin">
<div class="row cells5">
<div class="cell padding10">
<img src="images/me.jpg">
</div>
<div class="cell colspan2">
<h3 class="fg-white text-bold text-shadow">Centro Espírita Beneficente <br/>
União do Vegetal</h3>
<p class="padding20 no-padding-top no-padding-left no-padding-bottom fg-white text-bold" >
Departamento de Memória e Documentação
</p>
</div>
<div class="cell colspan2">
<ul class="unstyled-list">
<li>
<h3 class="text-shadow">Cadastros</h3>
</li>
<li><a class="fg-white text-bold" href="#">Local</a></li>
<li><a class="fg-white text-bold" href="#">Material</a></li>
<li><a class="fg-white text-bold" href="#">Nucleos</a></li>
<li><a class="fg-white text-bold" href="#">DAV's</a></li>
<li><a class="fg-white text-bold" href="#">Usuario</a></li>
<li><a class="fg-white text-bold" href="#">Usuario</a></li>
</ul>
</div>
</div>
</div>
</div>
</li>
<li>
<a href="#" class="dropdown-toggle">Download</a>
<div class="m-menu-container" data-role="dropdown" data-no-close="true">
<ul class="inline-list">
<li><a href="#">Windows</a></li>
<li><a href="#">Office</a></li>
<li><a href="#">Skype</a></li>
<li><a href="#">Internet Explorer</a></li>
<li><a href="#">Visio</a></li>
</ul>
</div>
</li>
<li>
<a href="#" class="dropdown-toggle">Devices</a>
<div class="m-menu-container" data-role="dropdown">
<ul class="inline-list">
<li><a href="#">Surface</a></li>
<li><a href="#">Xbox</a></li>
<li><a href="#">PC & Tables</a></li>
<li><a href="#">Phones</a></li>
<li><a href="#">Accessories</a></li>
</ul>
</div>
</li>
<li><a href="#">Support</a></li>
<li><a href="#">Acervo</a></li>
</ul>
</div>Este é o menu, quando Clico em algum <LI> que contenha DropDown ele desce uma caixa certo ? Menu retrátil...
O que quero, é que o conteudo do site que está abaixo do menu o acompanhe.
Mais um exemplo: Tenho um <NAV> ... Quero que o conteudo de uma Section que está abaixo do <nav> Desça quando for acionado o dropdown do menu.
Consegui explicar ?
Gostei + 0
10/07/2015
Randrade
Para melhor visualização e ajuda, crie um Fiddle com o seu código e funcionamento.
Gostei + 0
13/07/2015
Fabricio Alves
Gostei + 0
14/07/2015
Renan Carlos
Devido a meu trabalho estar exigindo um tanto de mim, Estou precisando adiar um pouquinho. Esse estudo.
Mas quando voltar, eu posto o codigo certinho pra vocês, verificarem. Estou um usando o METRO-UI..
Mas só como base. Mudei algumas coisas e fiz meu próprio código CSS. Hoje a tarde dou um retorno no formato em que o Randrade sugeriu.
Grato!!
Gostei + 0
14/07/2015
Fabricio Alves
Querover e testar.
Gostei + 0
Clique aqui para fazer login e interagir na Comunidade :)