Ir para conteúdo

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

Henrique Barcelos

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

Recommended Posts

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.

Compartilhar este post


Link para o post
Compartilhar em outros sites

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...

Compartilhar este post


Link para o post
Compartilhar em outros sites

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?

Compartilhar este post


Link para o post
Compartilhar em outros sites

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...

Compartilhar este post


Link para o post
Compartilhar em outros sites

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

Compartilhar este post


Link para o post
Compartilhar em outros sites

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>

Compartilhar este post


Link para o post
Compartilhar em outros sites

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

Compartilhar este post


Link para o post
Compartilhar em outros sites

 

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.

Compartilhar este post


Link para o post
Compartilhar em outros sites

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

Compartilhar este post


Link para o post
Compartilhar em outros sites

×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.