Ir para o conteúdo
  • Revista PROGRAMAR: Já está disponível a edição #60 da revista programar. Faz já o download aqui!

PlayWithUrMind

menu bar multy-drop down

Mensagens Recomendadas

PlayWithUrMind

boas!!!

eu estou a trabalhar num projecto bastante grande, e trabalhoso por sinal!

será que vocês me poderiam ajudar neste meu problema?

basicamente a imagem explica:

http://imageshack.com/i/0s2rlzj

acho que ta ai tudo o que eu quero mas isso mistura javascript + css e eu de css nao precebo tipo nada

se alguém me pudesse ajudar seria óptimo...

com melhores comprimentos PlayWithUrMind

Editado por PlayWithUrMind

Partilhar esta mensagem


Ligação para a mensagem
Partilhar noutros sites
HappyHippyHippo

e porque é que isso está na secção de Java ?

se não percebes nada da javascript e de css, só te aconselho uma coisa : pesquisa na net sobre dropdown menus, lê tudo o que encontrares (que não vai ser pouco) testa tudo e vê se conseguir absorver alguma informação ...


IRC : sim, é algo que ainda existe >> #p@p

Partilhar esta mensagem


Ligação para a mensagem
Partilhar noutros sites
I-NOZex

2rlz.jpg

basicamente tens de ter, a nivel de html:

<a href="#" id="btn_menu">Menu</a>
<ul class="menu"> <!-- Inicio do menu onde aparece ITEM1, ITEM2... -->
<li class="menuitem">
 <span>Item 1</span>
 <ul class="menudropdown"><!-- Inicio do dropdown onde aparece SUBITEM1, SUBITEM2... -->
  <li class="menudropdownitem">
	    <span>Subitem 1</span>
   <ul class="submenudropdown"><!-- Inicio do dropdown onde aparecem as categorias -->
 <li class="submenudropdownitem">
  <ul>
   <li>Categoria x</li>
   <li>bla bla bla</li>
   <li>bla bla bla</li>
   <li>bla bla bla</li>
  </ul>
 </li>
 <li class="submenudropdownitem">
  <ul>
   <li>Categoria x</li>
   <li>bla bla bla</li>
   <li>bla bla bla</li>
   <li>bla bla bla</li>
  </ul>
 </li>
 <!-- -->
   </ul>
  </li>
  <li class="menudropdownitem">Subitem 2</li>
 </ul>
</li>
<li class="menuitem">Item 2</li>
<li class="menuitem">Item 3</li>
<li class="menuitem">Item 4</li>
</ul>

mais coisa menos coisa, deve ser algo semelhante a isso. agora precisas de estilizar com css e dar dinamismo com js (usa jquery que vai dar-te valente ajuda)


B2R » Beat2Revolution v3.0b | Regista e divulga-nos

beat2revolution.net

Partilhar esta mensagem


Ligação para a mensagem
Partilhar noutros sites
PlayWithUrMind

obrigado pela ajuda ;D

nao é bem disso que procuro eu quero fazer esse meno com "overmouse" ou seja se passar o rato em cima vai "deslizar" o meu, e vou ter que importar as imagens do photoshop :D

Editado por PlayWithUrMind

Partilhar esta mensagem


Ligação para a mensagem
Partilhar noutros sites
Th3Alchemist

java/javascript

lol

obrigado pela ajuda ;D

nao é bem disso que procuro eu quero fazer esse meno com "overmouse" ou seja se passar o rato em cima vai "deslizar" o meu, e vou ter que importar as imagens do photoshop :D

tens noção que com "overmouse" como tu dizes, (termo certo: "hover") isso sera dificilmente conseguido reproduzir pelo utilizador num dispositivo movel como por exemplo tablet

Partilhar esta mensagem


Ligação para a mensagem
Partilhar noutros sites

Crie uma conta ou ligue-se para comentar

Só membros podem comentar

Criar nova conta

Registe para ter uma conta na nossa comunidade. É fácil!

Registar nova conta

Entra

Já tem conta? Inicie sessão aqui.

Entrar Agora

×

Aviso Sobre Cookies

Ao usar este site você aceita os nossos Termos de Uso e Política de Privacidade. Este site usa cookies para disponibilizar funcionalidades personalizadas. Para mais informações visite esta página.