"menu de navegação" que ao passar o cursor aparece uma descrição
2 participantes
Fórum dos Fóruns :: Ajuda e atendimento ao utilizador :: Questões sobre códigos :: Questões resolvidas sobre HTML e BBCode
Página 1 de 1 • Compartilhe
"menu de navegação" que ao passar o cursor aparece uma descrição
Qual é minha questão:
Olá!
Eu gostaria de saber como colocar um menu como esse aí:
Quando de passa o cursor, aparece uma descrição, queria saber como fazer esse menu.
Encontrei isso em: http://mundododesign.ativoforum.com
Mas também há em: http://grandedown.forumeiros.com
Links e imagens do meu problema:
Http://prntscr.com/d3ff0
http://mundododesign.ativoforum.com
http://grandedown.forumeiros.com
Endereço do meu fórum:
http://galaxydesign.forumeiros.com.pt
Versão do meu fórum:
PHPBB3
Olá!
Eu gostaria de saber como colocar um menu como esse aí:
Quando de passa o cursor, aparece uma descrição, queria saber como fazer esse menu.
Encontrei isso em: http://mundododesign.ativoforum.com
Mas também há em: http://grandedown.forumeiros.com
Links e imagens do meu problema:
Http://prntscr.com/d3ff0
http://mundododesign.ativoforum.com
http://grandedown.forumeiros.com
Endereço do meu fórum:
http://galaxydesign.forumeiros.com.pt
Versão do meu fórum:
PHPBB3
Última edição por Kalíope em 02.08.12 12:52, editado 1 vez(es)
Re: "menu de navegação" que ao passar o cursor aparece uma descrição
Olá senhorita!
Não pude compreender bem. Poderia explicar um pouco mais?
Até mais!
Não pude compreender bem. Poderia explicar um pouco mais?
Até mais!
Re: "menu de navegação" que ao passar o cursor aparece uma descrição
Olá,
Parece que a imagem não aparece, mas aqui: http://prntscr.com/d3ff0
Na imagem, eu queria também ter aquilo de passar o cursor e aparecer uma pequena descrição à nossa escolha.
Parece que a imagem não aparece, mas aqui: http://prntscr.com/d3ff0
Na imagem, eu queria também ter aquilo de passar o cursor e aparecer uma pequena descrição à nossa escolha.
Re: "menu de navegação" que ao passar o cursor aparece uma descrição
Entendi senhorita!
Aceda à "Home Page":
Painel de Controle Visualização Home Page Geral
Código:
Até mais e bom dia!
Aceda à "Home Page":
Painel de Controle Visualização Home Page Geral
Código:
- Código:
<script>
jQuery(function() {
jQuery('.img_list_hp img').mouseover(function() {
jQuery('#img_list_alt').html(jQuery(this).attr('alt'));
}).mouseout(function() {
jQuery('#img_list_alt').html('Passe o mouse sobre uma das imagens e conheça mais os nossos serviços!');
});
});
</script><div class="img_list_hp"><a href="/f31-criar-publicacao"><img height="59" src="http://www.iconfinder.com/data/icons/free-3d-social-icons/png/48x48/Forum.png" alt="Faça uma Publicação e tenha o banner de seu site em um dos nosso widgets!"><span><b><font style="text-shadow: 0 0 5px white;">PUBLIQUE SEU SITE!</font></b></span></a></div><div class="img_list_hp"><a href="/-c3/"><img height="59" src="http://www.valdata.com.br/html/downloads/source/ico_html_4.gif" alt="Tens duvidas sobre HTML e/ou CSS? Esta é a área certa!"><span>Ajuda e suporte</span></a></div><div class="img_list_hp"><a href="/f11-pedidos-graficos"><img height="59" src="http://www.iconfinder.com/data/icons/SUPERVISTA/graphics/png/48/palette.png" alt="Gostaria de ter um tema mais personalizado mas não leva jeito com design? Temos uma equipe pronta para ajudar-lhe!"><span>Pedidos Gráficos</span></a></div><div class="img_list_hp"><a href="/-f24/"><img height="59" src="http://www.iconfinder.com/data/icons/humano2/32x32/actions/bookmark-new.png" alt="Fique por dentro das atualizações do GD!"><span>Anuncios e atualizações</span></a></div><div class="img_list_hp"><a href="/f56-staff-atual"><img height="59" src="http://cdn2.iconfinder.com/data/icons/officeicons/PNG/48/Users_Group.png" alt="Saiba como fazer parte e quem faz parte da nossa equipe staff!"><span>Equipe Staff</span></a></div><div class="img_list_hp"><a href="/t5427-shop-grande-down#20536"><img height="59" src="http://www.iconfinder.com/data/icons/speckyboy_payment_method_icons/48/google_ckeckout.png" alt="Customize sua conta no Grande Down aqui. Troque seu nickname, compre emblemas entre outras coisas."><span>Shop</span></a></div><div class="img_list_hp"><a href="/f61-concursos"><img height="59" src="http://cdn1.iconfinder.com/data/icons/X-Mac/business/png/48/trophy.png" alt="Participe dos concursos do Grande Down, como SOTW, AOTW, entre vários outros."><span>Concursos</span></a></div><div style="clear: both" id="img_list_alt">Passe o mouse sobre uma das imagens e conheça mais os nossos serviços!</div>
Até mais e bom dia!
Re: "menu de navegação" que ao passar o cursor aparece uma descrição
Exato, (a)
Resolvido!
Resolvido!
Tópicos semelhantes
» Código de menu que ao passar o cursor do mouse aparece abas abaixo
» Mudar imagem ao passar o cursor (menu)
» Menu rápido efeito ao passar o cursor
» [TUTORIAL] Caixa de login no menu de navegação ao passar o mouse
» Menu de navegação não apareçe
» Mudar imagem ao passar o cursor (menu)
» Menu rápido efeito ao passar o cursor
» [TUTORIAL] Caixa de login no menu de navegação ao passar o mouse
» Menu de navegação não apareçe
Fórum dos Fóruns :: Ajuda e atendimento ao utilizador :: Questões sobre códigos :: Questões resolvidas sobre HTML e BBCode
Página 1 de 1
Permissões neste sub-fórum
Não podes responder a tópicos