1. Este site usa cookies. Ao continuar a usar este site está a concordar com o nosso uso de cookies. Saber Mais.

Como é que eu crio um menu como este...?

Discussão em 'Web Development' iniciada por Caveira, 13 de Maio de 2007. (Respostas: 5; Visualizações: 870)

  1. Caveira

    Caveira Power Member

    Vejam lá o menu de navegação deste website:
    www.cncden.com

    Como é que eu posso criar um menu deste género para o meu website? O website é o projecto de Aplicações de Informática deste período e só tenho até 15 de Maio para entregar. Tenho andado a pesquisar bué na net mas tutorials não encontro e programas que fazem menus verticais custam $ que eu não tenho. Qualquer ajuda é agradecida!

    PS: Tenho o Flash 8, Frontpage 2003 e Photoshop CS2.
     
  2. Mitnick

    Mitnick Power Member

    Tens aqui este post que eu deixei noutro forum que faz praticamente a mesma coisa que esse menu...

    Código:
    Para nao deixar morrer esta seccao vou deixar aqui um script para um menu que fiz a uns tempos.
    
    Funcao em JS:
    [CODE]function colMenu (id) 
    {
    	if (document.getElementById(id).style.display == '') 
    	{
      document.getElementById(id).style.display = 'none';
    	}
    	
    	document.getElementById(id).style.display = (document.getElementById(id).style.display == 'none') ? 'block' : 'none';
    }
    Como formatar o menu e submenus:

    Código:
    <div id="menu">
    	<a href="javascript:colMenu('menu1')"><b>Menu 1</b></a>
    	<div id="menu1" class="none">
      <a href=#>Item 1</a>
      <a href=#>Item 2</a>
      <a href=#>Item 3</a>
    	</div>
    	<a href="#"><b>Menu 2</b></a>
    	<a href="javascript:colMenu('menu2')"><b>Menu 3</b></a>
    	<div id="menu2" class="none">
      <a href=#>Item 1</a>
      <a href=#>Item 2</a>
      <a href=#>Item 3</a>
    	</div>
    </div>
    [/CODE]
     
  3. Caveira

    Caveira Power Member

    Isso parece muita fixe, muito obrigado, mas... eu só agora comecei a aprender javascript nesta mesma disciplina... e não sou muito bom com o html... Será que me podias dar uma ajudinha extra? Eu agradecia muito!
    Eu meti esse código numa página e ficou assim:

    Menu1
    -item1 item2 item3
    Menu2 Menu3
    -item1 item2 item3

    Ora eu queria que ficasse assim:
    Menu1
    -item1
    -item2
    -item3
    Menu2
    Menu3
    -item1
    -item2
    -item3

    Assim ficava exctamente como eu quero (e como está no site que meti como exemplo) :)
     
    Última edição: 13 de Maio de 2007
  4. oscarolim

    oscarolim Power Member

    Procura no cssplay.co.uk. Tem bons menus totalmente em css a custo 0 :)
     
  5. Caveira

    Caveira Power Member

    EDIT: Já consegui meter sito como eu queria. Obrigado pela ajuda! :)

    Como nenhuma das soluções acima não funcionava como eu queria, fiz um reverse engineering ao código do site que tem o menu que eu quero, sendo eu o n00b que sou tive alguma dificuldade, mas básicamente é isto:

    Função para mostrar/esconder submenu:
    Uso da função:
    menu1 é o botão e menu1outline é o conjunto de links (submenu)

    Acho que dá para preceber.
     
    Última edição: 13 de Maio de 2007
  6. gooden

    gooden Power Member

    bom se procurares dhtml menus no tio google encontras mt coisa :)
     

Partilhar esta Página