"menu de navegação" que ao passar o cursor aparece uma descrição

Ver o tópico anterior Ver o tópico seguinte Ir em baixo

Resolvido "menu de navegação" que ao passar o cursor aparece uma descrição

Mensagem por A Fofa ♔ em 02/08/12, 05:42 am

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


Última edição por Kalíope em 02/08/12, 08:52 am, editado 1 vez(es)
avatar

A Fofa ♔
Nível 9

Feminino
Inscrito dia : 05/04/2012
Mensagens : 153
Pontos Ativos : 217

Ver perfil do usuário http://galaxydesign.forumeiros.com.pt

Resolvido Re: "menu de navegação" que ao passar o cursor aparece uma descrição

Mensagem por Sennior em 02/08/12, 07:29 am

Olá senhorita!

Não pude compreender bem. Poderia explicar um pouco mais?

Até mais! Piscada
avatar

Sennior
Membro profissional
Membro profissional

Masculino
Inscrito dia : 10/06/2011
Mensagens : 16302
Pontos Ativos : 20791

Ver perfil do usuário http://ajuda.forumeiros.com/forum https://www.facebook.com/GlladstonHenrique

Resolvido Re: "menu de navegação" que ao passar o cursor aparece uma descrição

Mensagem por A Fofa ♔ em 02/08/12, 07:51 am

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

A Fofa ♔
Nível 9

Feminino
Inscrito dia : 05/04/2012
Mensagens : 153
Pontos Ativos : 217

Ver perfil do usuário http://galaxydesign.forumeiros.com.pt

Resolvido Re: "menu de navegação" que ao passar o cursor aparece uma descrição

Mensagem por Sennior em 02/08/12, 07:58 am

Entendi senhorita! Eu amo você

Aceda à "Home Page":
Painel de Controle Seta Visualização Seta Home Page Seta 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! De bem com a vida
avatar

Sennior
Membro profissional
Membro profissional

Masculino
Inscrito dia : 10/06/2011
Mensagens : 16302
Pontos Ativos : 20791

Ver perfil do usuário http://ajuda.forumeiros.com/forum https://www.facebook.com/GlladstonHenrique

Resolvido Re: "menu de navegação" que ao passar o cursor aparece uma descrição

Mensagem por A Fofa ♔ em 02/08/12, 08:51 am

Exato, (a)

Resolvido! Feliz
avatar

A Fofa ♔
Nível 9

Feminino
Inscrito dia : 05/04/2012
Mensagens : 153
Pontos Ativos : 217

Ver perfil do usuário http://galaxydesign.forumeiros.com.pt

Ver o tópico anterior Ver o tópico seguinte Voltar ao Topo

- Tópicos similares

Permissão deste fórum:
Você não pode responder aos tópicos neste fórum