Menu Drop-Down (Fluido) 3 níveis + Imagens

[Tayron Miranda 0]

Rick.hjpbarcelos valeu pelo seu script, de agora em diante só vou usar ele, tentei fazer um do zero, mas devido a urgência desistir.. rsrsr

http://forum.imasters.com.br/public/style_emoticons/default/clap.gif

[xarlington 0]

Galera, resolvi criar um blog...

 

Nele vou postar sobre diversas coisas, mas acho que a principal será sobre a profissão de Webdesigner e Programador...

 

Coloquei este tópico lá... Visitem

 

<a href="http://"http://rickhjpbarcelos.wordpress.com/"" target="_blank">Disconnexus

</a>

Fino esse menu drop down, tinha aprendido a criar um esses dias para tras so que é um pouco mais trabalhoso, nesse você utiliza um script em java ne?... tipo eu nao manjo de Java ainda, caso for criar um site em Tableless, em qual lugar do meu codigo XHTML posso adicionar esse codigo java para poder ter o efeito de menu dropdown???...

 

 

Desde ja agradeço a atenção.

[Thiago Retondar 18]

Por favor, pessoal, vamos colocar suas dúvidas no fórum principal de Webstandards.

 

Basta adicionar o JavaScript em um arquivo externo, para o mesmo validar.

 

http://forum.imasters.com.br/public/style_emoticons/default/thumbsup.gif

[Henrique Barcelos 290]

Galera, resolvi criar um blog...

 

Nele vou postar sobre diversas coisas, mas acho que a principal será sobre a profissão de Webdesigner e Programador...

 

Coloquei este tópico lá... Visitem

 

<a href="http://rickhjpbarcelos.wordpress.com/" target="_blank">Disconnexus

</a>

Fino esse menu drop down, tinha aprendido a criar um esses dias para tras so que é um pouco mais trabalhoso, nesse você utiliza um script em java ne?... tipo eu nao manjo de Java ainda, caso for criar um site em Tableless, em qual lugar do meu codigo XHTML posso adicionar esse codigo java para poder ter o efeito de menu dropdown???...

 

 

Desde ja agradeço a atenção.

 

Java eu tbm não sei nada... :D

 

As pessoas costumam confundir Java com Javascript... A linguagem usada para dar o efeito ao menu no IE6 é JavaSCRIPT...

 

Pra saber como adicionar o Javascript na página, dê uma olhada no arquivo HTML do tutorial que está lá... começa com <script type="text/javascript...

[UMARIZAL 1]

Engraçado... aqui, altero o link trocando o # pelo endereço (página a ser acessada) e não funciona quando clico no link... o que pode ser?

[Henrique Barcelos 290]

Engraçado... aqui, altero o link trocando o # pelo endereço (página a ser acessada) e não funciona quando clico no link... o que pode ser?

Vários motivos... poste seu HTML para vermos...

[Thiago Retondar 18]

Já vi alguns membros perguntarem como mesclar dois tipos de menus em um drop, ou seja, com vertical e horizontal.

 

Fiz um tutorial, que quiser dar uma olhada: http://ogordo.com/menu-com-submenus/

 

http://forum.imasters.com.br/public/style_emoticons/default/thumbsup.gif

[Fernando Queiroz 0]

Estranho que o meu tbm, quando altero o link trocando o # pelo endereço (página a ser acessada, não funciona???

O que pode ser?

 

 

<div id="menu">
			<ul class="principal">
				<li id="first" class="selecionado"><a href="index.php"><span>HOME</span>
					</a></li>
                    
                    
                    <li><a href="#"><span>ELEELA ONLINE</span>
					</a>
					<ul class="nivel2">
                    <?php while ($row_tipo = mysql_fetch_assoc($tipo)) { ?>
                    
                        <li><a href="noticias.php?id_tipo=<?php echo $row_tipo['id']; ?>"><?php echo $row_tipo['tipo']; ?></a></li>
                        <?php }  ?>
					</ul>
				</li>
				<li><a href="#"><span>GATAS DO SITE</span>
					</a>
					<ul class="nivel2">
                        <li><a href="gataMes.php">GATA DO MÊS</a></li>
                        <li><a href="concurso.php">SUPER GATA ELEELA</a></li>
                        <li><a href="happyHour.php">HAPPY HOUR</a></li>
                        <li><a href="capas.php">CAPAS</a></li>
					</ul>
				</li>
                <li><a href="cemMulheres.php"><span>TOP 10</span></a></li>
                
                <li><a href="videosCuriosos.php"><span>VIDEOS CURIOSOS</span></a></li>
                
				<li><a href="#"><span>BLOG</span></a>
                <ul class="nivel2">
                 <li><a target="_blank" href="http://originalrevistaeleela.blogspot.com/">REDAÇÃO</a></li>           
                 </ul>    
                </li>
                <li><a href="https://acesso.uol.com.br/login.html?dest=CONTENT&url=http://revistaeleela.uol.com.br/uol/videos.php%3fidVideoCategoria%3d21&COD_PRODUTO=74/"><span>ASSINE</span></a></li>
				<li><a href="contato.php"><span>CONTATO</span></a></li>
			</ul>
		</div>

[João Prado 64]

muito bom vlw

 

http://forum.imasters.com.br/public/style_emoticons/default/thumbsup.gif

[Fernando Queiroz 0]

muito bom vlw

 

http://forum.imasters.com.br/public/style_emoticons/default/thumbsup.gif

 

 

Ei amigo será que pode me ajudar?

Postei uma duvida ali em cima... o menu é mt bom mas quando mudo os # para endereços do meu site, simplesmente não fuinciona!

[João Prado 64]

poste sua dúvida no fórum principal Webstandards

 

Esta área é destinada apenas para tutoriais http://forum.imasters.com.br/public/style_emoticons/default/thumbsup.gif

[yuriarrua 0]

 

muito bom vlw

 

http://forum.imasters.com.br/public/style_emoticons/default/thumbsup.gif

 

 

Ei amigo será que pode me ajudar?

Postei uma duvida ali em cima... o menu é mt bom mas quando mudo os # para endereços do meu site, simplesmente não fuinciona!

 

Amigo leia o arquivo "comportamento.js" que voce esntenderá porque os links nao funcionam. :D

 

e eme tempo otimo menu acabei de baixar e vou usar em um site q estou fazendo.

[Alex Sando 0]

Galera... Resolvi faze a versão 2.0 da coisa xD...

 

http://rapidshare.com/files/225763183/Menu...p-Down.rar.html

 

Menos identação, separação de camadas e adicionei a função de clique... Quando se clica em um item ele muda de estilo...

 

 

Ola. gostaria de saber se eh possivel usar esse menu mas na vertical.

precisva de um menu assim que vai ficar do lado esquerdo da pagina.

entao seria assim

[ HOME ]

[ PROJETOS ]

[ TUTORIAIS ]

> DESAFIOS PHP

[ ARTIGOS ]

 

 

....

 

como mudar pra ficar assim:?

 

Obrigado

 

 

At. Alex

[Henrique Barcelos 290]

Para deixar o menu vertical, tire o float:left do css das tags li e defina uma largura para a tag ul...

[zombie 0]

tem algum link pra poder baixar?

 

TEm algum link pra baixar o codigo? gostaria de testar

[wgiacomelli 0]

Boa tarde, precisava dos arquivos para estudo, seria possível enviar para meu email ou ativar o link, muito obrigado.

williamgiacomelli@hotmail.com