Jump to content
PlayWithUrMind

menu bar multy-drop down

Recommended Posts

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

Edited by PlayWithUrMind

Share this post


Link to post
Share on other 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

Share this post


Link to post
Share on other sites
PlayWithUrMind

eu nao precebo é de css de java eu precebo

hmmm ta aki acho que ta no sitio certo java/javascript

Share this post


Link to post
Share on other 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

Share this post


Link to post
Share on other 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

Edited by PlayWithUrMind

Share this post


Link to post
Share on other 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

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now

×
×
  • Create New...

Important Information

By using this site you accept our Terms of Use and Privacy Policy. We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue.