Seta em menu de navegação

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

Resolvido Seta em menu de navegação

Mensagem por IsmaelS. em 15/11/15, 06:32 pm

Detalhes da questão


Endereço do fórum: http://master-publicitario.forumeiros.com/
Versão do fórum: PhpBB3

Descrição


Olá!

Gostava de saber se era possível criar um efeito algo como isto:


Ou seja vejam a setinha que está por cima do "Master Publicitário" queria algo como isso, ao passar o mouse no menu de navegação aparece-se uma seta a indicar.

Esse é o melhor exemplo que tenho.

IsmaelS.
Usuário experiente

Masculino
Inscrito dia : 24/11/2012
Mensagens : 2956
Pontos Ativos : 4096

Ver perfil do usuário http://suporte-design.forumeiros.com/

Resolvido Re: Seta em menu de navegação

Mensagem por Fraise em 15/11/15, 06:38 pm

Olá!

Qual seria a imagem da seta?

Até mais.
Fraise
avatar

Fraise
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 26/06/2015
Mensagens : 5034
Pontos Ativos : 6714

Ver perfil do usuário http://ajuda.forumeiros.com/ https://twitter.com/@FraiseFdF

Resolvido Re: Seta em menu de navegação

Mensagem por IsmaelS. em 15/11/15, 07:23 pm

@Fraise, infelizmente não tenho, só esse exemplo :/

IsmaelS.
Usuário experiente

Masculino
Inscrito dia : 24/11/2012
Mensagens : 2956
Pontos Ativos : 4096

Ver perfil do usuário http://suporte-design.forumeiros.com/

Resolvido Re: Seta em menu de navegação

Mensagem por Jhonn Walked em 15/11/15, 07:31 pm

tente essa imagem :
ou essa:
ou essa:
ou essa :

espero ter ajudado amigo .

Jhonn Walked
Nível 7

Masculino
Inscrito dia : 07/11/2015
Mensagens : 84
Pontos Ativos : 121

Ver perfil do usuário http://barao.livreforum.com
  • 0

Resolvido Re: Seta em menu de navegação

Mensagem por Fraise em 15/11/15, 07:38 pm

Adicione à sua folha de estilos:
Código:
#page-header .navbar ul.navlinks li a:hover {
    background: url('http://www.lojapescaalternativa.com.br/skin/frontend/default/default/images/seta-up.png') no-repeat top center;
    padding-top: 15px;
}

Até mais.
Fraise
avatar

Fraise
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 26/06/2015
Mensagens : 5034
Pontos Ativos : 6714

Ver perfil do usuário http://ajuda.forumeiros.com/ https://twitter.com/@FraiseFdF

Resolvido Re: Seta em menu de navegação

Mensagem por MateusAnjosV em 15/11/15, 07:44 pm

Boa noite IsmaelS.

Acrescente em sua folha de estilos CSS:
Código:
a.mainmenu:hover {    -webkit-transition: all 0.2s linear;
    background: url(http://i42.servimg.com/u/f42/17/32/13/00/menu-s14.png) no-repeat 40% top;
    }

Atenciosamente,
MateusAnjosV. Feliz
avatar

MateusAnjosV
Membro do Fórum

Masculino
Inscrito dia : 16/10/2015
Mensagens : 1444
Pontos Ativos : 2025

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

Resolvido Re: Seta em menu de navegação

Mensagem por IsmaelS. em 15/11/15, 08:04 pm

Obrigado a ambos ficou perfeito!

IsmaelS.
Usuário experiente

Masculino
Inscrito dia : 24/11/2012
Mensagens : 2956
Pontos Ativos : 4096

Ver perfil do usuário http://suporte-design.forumeiros.com/

Resolvido Re: Seta em menu de navegação

Mensagem por Fraise em 15/11/15, 08:07 pm

Questão marcada como Resolvida ou o Autor solicitou que ela fosse arquivada.

Tópico marcado como Resolvido e movido para "Questões resolvidas".
avatar

Fraise
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 26/06/2015
Mensagens : 5034
Pontos Ativos : 6714

Ver perfil do usuário http://ajuda.forumeiros.com/ https://twitter.com/@FraiseFdF

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