Efeito hover nas imagens do menu

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

Resolvido Efeito hover nas imagens do menu

Mensagem por Like_PotheaD em 26/07/12, 05:47 pm

Qual é minha questão:
Bem, eu queria saber o código que quando eu passo o ponteiro por cima do início, acende um neon no fundo.

Já possuo os ícones, preciso somente do código.

Desde já, obrigado.

Links e imagens do meu problema:
Http://img23.imageshack.us/img23/9345/botowa.png

Endereço do meu fórum:
http://brasilrockstarcity.forumeiros.com

Versão do meu fórum:
PHPBB3


Última edição por Like_PotheaD em 29/07/12, 08:18 am, editado 1 vez(es)
avatar

Like_PotheaD
Nível 3

Masculino
Inscrito dia : 25/07/2012
Mensagens : 23
Pontos Ativos : 39

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

Resolvido Re: Efeito hover nas imagens do menu

Mensagem por Sennior em 26/07/12, 05:53 pm

Olá querido.

Poderia me dizer qual fórum viu este efeito?

Até mais.
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: Efeito hover nas imagens do menu

Mensagem por Like_PotheaD em 26/07/12, 06:18 pm

Não foi exatamente de um outro fórum, mas sim de um tópico onde o mesmo fala sobre este assunto.

http://ajuda.forumeiros.com/t51143-botoes-preto-pequeno-texto-preto
avatar

Like_PotheaD
Nível 3

Masculino
Inscrito dia : 25/07/2012
Mensagens : 23
Pontos Ativos : 39

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

Resolvido Re: Efeito hover nas imagens do menu

Mensagem por Lexus em 27/07/12, 01:02 am

Olá,

leia a explicação de King Gz; neste tópico:
Seta http://ajuda.forumeiros.com/t51390-

Título modificado de 'Aparência do fórum' para 'Efeito hover nas imagens do menu'

Até mais.
avatar

Lexus
Super usuário

Masculino
Inscrito dia : 22/06/2010
Mensagens : 4205
Pontos Ativos : 5692

Ver perfil do usuário http:///.../#

Resolvido Re: Efeito hover nas imagens do menu

Mensagem por Like_PotheaD em 27/07/12, 10:11 am

Man, não deu certo.

acho que seria porque está aparecendo escrito 'início'. A imagem deve facilitar o intendimento >>> http://i.imgur.com/mgw8i.png

Como que eu faço para deixar só o ícone?
avatar

Like_PotheaD
Nível 3

Masculino
Inscrito dia : 25/07/2012
Mensagens : 23
Pontos Ativos : 39

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

Resolvido Re: Efeito hover nas imagens do menu

Mensagem por Lexus em 27/07/12, 10:58 am

Olá,

Painel de Controle Seta Visualização Seta Home Page Seta Cabeçalho e Navegação

em 'Exibir apenas as imagens no menu de navegação' selecione a opção 'Sim' e salve.

Até mais.
avatar

Lexus
Super usuário

Masculino
Inscrito dia : 22/06/2010
Mensagens : 4205
Pontos Ativos : 5692

Ver perfil do usuário http:///.../#

Resolvido Re: Efeito hover nas imagens do menu

Mensagem por Like_PotheaD em 27/07/12, 11:14 am

Awe, agora deu certo, só não funcionou na Nova MP. Poderia rever para mim o código da Nova MP?

ul.navlinks span.new-message { Corresponde à imagem do link do menu Nova MP.

Este é a que eu estou usando, porém é o único que tem o código diferente.
O modelo dos outros códigos é esse >>
#i_icon_mini_logout
avatar

Like_PotheaD
Nível 3

Masculino
Inscrito dia : 25/07/2012
Mensagens : 23
Pontos Ativos : 39

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

Resolvido Re: Efeito hover nas imagens do menu

Mensagem por Oto! em 27/07/12, 11:31 am

@Like_PotheaD escreveu:Awe, agora deu certo, só não funcionou na Nova MP. Poderia rever para mim o código da Nova MP?

ul.navlinks span.new-message { Corresponde à imagem do link do menu Nova MP.

Este é a que eu estou usando, porém é o único que tem o código diferente.
O modelo dos outros códigos é esse >>
#i_icon_mini_logout

Olá,

Existe uma diferença entre ID e classe, a classe é iniciada com um ponto e a ID com a velha(#), mais isso não deve alterar, o mesmo deve ser funcional. Tem certeza que não funcionou? Você enviou uma mensagem pra si mesmo? Porque as vezes quando enviamos mensagens para si mesmo não conta como nova mensagem privada e a imagem relativa não aparece. Tente o código:

.new-message

Configure conforme foi dito no tópico apresentado pelo Moderadeiro Lullaby.

Até mais.
Piscada
avatar

Oto!
Hiperativo

Inscrito dia : 07/04/2011
Mensagens : 3363
Pontos Ativos : 4818

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

Resolvido Re: Efeito hover nas imagens do menu

Mensagem por Like_PotheaD em 27/07/12, 02:02 pm

Ainda não deu certo. Poderiam me mandar o código outra vez e uma outra solução?
avatar

Like_PotheaD
Nível 3

Masculino
Inscrito dia : 25/07/2012
Mensagens : 23
Pontos Ativos : 39

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

Resolvido Re: Efeito hover nas imagens do menu

Mensagem por Like_PotheaD em 28/07/12, 04:10 pm

Então?!
avatar

Like_PotheaD
Nível 3

Masculino
Inscrito dia : 25/07/2012
Mensagens : 23
Pontos Ativos : 39

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

Resolvido Re: Efeito hover nas imagens do menu

Mensagem por Lexus em 29/07/12, 02:28 am

Olá,

Painel de Controle Seta Visualização Seta Imagens e Cores Seta Cores Seta Folha de estilo CSS

utilize este código CSS para as novas mensagens:
Código:
img#i_icon_mini_new_message:hover {background:transparent url(http://img249.imageshack.us/img249/65/newmp2.png);}

Até mais.
avatar

Lexus
Super usuário

Masculino
Inscrito dia : 22/06/2010
Mensagens : 4205
Pontos Ativos : 5692

Ver perfil do usuário http:///.../#

Resolvido Re: Efeito hover nas imagens do menu

Mensagem por Like_PotheaD em 29/07/12, 08:18 am

Muito obrigado Lullaby. Ajudou muito =D

Já podem closar, dúvida resolvida.
avatar

Like_PotheaD
Nível 3

Masculino
Inscrito dia : 25/07/2012
Mensagens : 23
Pontos Ativos : 39

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

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