Ir para conteúdo
Fórum Script Brasil
  • 0

Como deixo meu menu em dropdown com 3 niveis?


amstrong

Pergunta

OII PESSOAL DO SCRIPT BRASIL EU ESTOU PRECISANDO DE AJUDA DE VOCES

QUERO MUITO DEIXAR MEU MENU SIMPLES EM DROPDOWN COM 3 NIVEIS SEM TIRA-LO DO CENTRO

SE VOCES SOUBEREM ME AVISEM

AQUI UM EXEMPLO DE MENU DROPDOWN COM 3 NIVEIS :

MENU DROPDOWN COM 3 NIVEIS

CODE DO MEU MENU :

<style type="text/css">
/* CUSTOM */
div#container {
    margin: 10px auto 10px auto;
    width: 1090px;
}

    div#menu {
        background: url(http://img24.imageshack.us/img24/4424/menuos.png);
        color: #FFF;
        height: 24px;
        padding: 9px 5px 0 5px;
        text-align: center;
        text-shadow: #a0bf26 1px 1px 1px;
        width: 1080px;
    }
    
        div#menu a {
            color: #FFF;
            margin-right: 20px;
            text-shadow: #a0bf26 1px 1px 1px;
            text-decoration: none;
        }
</style>

       <div id="container">
            <div id="menu">
                <a href="#" onclick="subnav('sub-nav.php?nav=illusion'); return false;"> ILLUSION </a>
                <a href="#" onclick="subnav('sub-nav.php?nav=community'); return false;"> COMMUNITY </a>
                <a href="http://illusion-habbo.net/brb" target="_blank"> NEWS </a>
                <a href="#" onclick="subnav('sub-nav.php?nav=radio'); return false;"> RADIO </a>
                <a href="http://illusion-habbo.net/forum" target="_blank"> FORUM </a>
                <a href="#" onclick="subnav('sub-nav.php?nav=goodies'); return false;"> GOODIES </a>
                <a href="http://illusion-habbo.net/forum/forumdisplay.php?fid=68" target="_blank"> JOBS </a>
                <a href="#" onclick="subnav('sub-nav.php?nav=archive'); return false;"> ARCHIVE </a>
            </div>

QUEM SOUBER POR FAVOR ME AJUDEM TEM TEMPO QUE ESTOU TENTANDO E NÃO CONSIGO

DESDE já AGRADEÇO

Editado por amstrong
Link para o comentário
Compartilhar em outros sites

1 resposta a esta questão

Posts Recomendados

  • 0

Cara da uma estudada no CSS ... no que você tiver duvida eu te ajudo..

olha um exemplo dos modelos mais utilizados seria

utilizando as TAGs UL e LI do HTML

ficando assim um exemplo do codigo html isso tem que se tratar no CSS também.

<ul class"menu">
<li> menu </li>
<li> menu 2 </li>
<li> menu 3 </li>
<li>
 menu 4 
<ul>
<li> sub menu </li>
<li> sub menu 2 </li>
<li> sub menu 3 </li>
<li> sub menu 4 </li>
</ul>
</li>
</ul>
ou seja dentro da tag <li> </li> que fica o Menu principal é jogado outra UL para fazer o menu novamente no CSS costuma-se trabalhar assim
.menu ul  {} /* tratamento do menu  */
.menu ul li  {} /* tratamento dos itens do menu  */
.menu ul li ul  {} /* tratamento dos sub menu  */
.menu ul li ul li  {} /* tratamento dos itens do sub menu  */

bem essa é a logica da uma estudade ae que tu vai achar alguns menus assim e vai ver também outros diferente mas a ideia é tu entender como deve tratar o CSS para executar da forma que deseja. ai de acordo com as duvidas eu vo ajudando

té +

Link para o comentário
Compartilhar em outros sites

Participe da discussão

Você pode postar agora e se registrar depois. Se você já tem uma conta, acesse agora para postar com sua conta.

Visitante
Responder esta pergunta...

×   Você colou conteúdo com formatação.   Remover formatação

  Apenas 75 emoticons são permitidos.

×   Seu link foi incorporado automaticamente.   Exibir como um link em vez disso

×   Seu conteúdo anterior foi restaurado.   Limpar Editor

×   Você não pode colar imagens diretamente. Carregar ou inserir imagens do URL.



  • Estatísticas dos Fóruns

    • Tópicos
      152,3k
    • Posts
      652,2k
×
×
  • Criar Novo...