Seta em menu de navegação

4 participantes

Ir para baixo

Tópico resolvido Seta em menu de navegação

Mensagem por IsmaelS. 15.11.15 20:32

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:
Seta em menu de navegação 5_bmp10

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.
avatar
IsmaelS.
Hiper Membro

Membro desde : 24/11/2012
Mensagens : 2994
Pontos : 4142

http://suporte-design.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Seta em menu de navegação

Mensagem por Fraise 15.11.15 20:38

Olá!

Qual seria a imagem da seta?

Até mais.
Fraise
Fraise
Fraise
Ajudeiro
Ajudeiro

Membro desde : 26/06/2015
Mensagens : 6566
Pontos : 8050

https://ajuda.forumeiros.com/ https://twitter.com/@FraiseFdF

Ir para o topo Ir para baixo

Tópico resolvido Re: Seta em menu de navegação

Mensagem por IsmaelS. 15.11.15 21:23

@Fraise, infelizmente não tenho, só esse exemplo :/
avatar
IsmaelS.
Hiper Membro

Membro desde : 24/11/2012
Mensagens : 2994
Pontos : 4142

http://suporte-design.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Seta em menu de navegação

Mensagem por Jhonn Walked 15.11.15 21:31

tente essa imagem : Seta em menu de navegação Cur141
ou essa: Seta em menu de navegação Cur221
ou essa: Seta em menu de navegação Mickey-big-pointer
ou essa : Seta em menu de navegação 43952

espero ter ajudado amigo .
avatar
Jhonn Walked
**

Membro desde : 07/11/2015
Mensagens : 84
Pontos : 121

http://barao.livreforum.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Seta em menu de navegação

Mensagem por Fraise 15.11.15 21:38

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
Fraise
Fraise
Ajudeiro
Ajudeiro

Membro desde : 26/06/2015
Mensagens : 6566
Pontos : 8050

https://ajuda.forumeiros.com/ https://twitter.com/@FraiseFdF

Ir para o topo Ir para baixo

Tópico resolvido Re: Seta em menu de navegação

Mensagem por MateusAnjosV 15.11.15 21:44

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
MateusAnjosV
MateusAnjosV
Super Membro

Membro desde : 16/10/2015
Mensagens : 1718
Pontos : 2373

http://holder.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Seta em menu de navegação

Mensagem por IsmaelS. 15.11.15 22:04

Obrigado a ambos ficou perfeito!
avatar
IsmaelS.
Hiper Membro

Membro desde : 24/11/2012
Mensagens : 2994
Pontos : 4142

http://suporte-design.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Seta em menu de navegação

Mensagem por Fraise 15.11.15 22:07

Seta em menu de navegação Symbol10 Questão marcada como Resolvida ou o Autor solicitou que ela fosse arquivada.

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

Membro desde : 26/06/2015
Mensagens : 6566
Pontos : 8050

https://ajuda.forumeiros.com/ https://twitter.com/@FraiseFdF

Ir para o topo Ir para baixo

Ir para o topo

- Tópicos semelhantes

 
Permissões neste sub-fórum
Não podes responder a tópicos