Efeito hover nas imagens do menu

[Like_PotheaD]

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:
https://2img.net/r/ihimizer/img23/9345/botowa.png

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

Versão do meu fórum:
PHPBB3

[Sennior]

Olá querido.

Poderia me dizer qual fórum viu este efeito?

Até mais.

[Like_PotheaD]

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

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

[Lexus]

Olá,

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

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

Até mais.

[Like_PotheaD]

Man, não deu certo.

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

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

[Lexus]

Olá,

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

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

Até mais.

[Like_PotheaD]

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

[Oto!]

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.

[Like_PotheaD]

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

[Like_PotheaD]

Então?!

[Lexus]

Olá,

Painel de Controle Visualização Imagens e Cores Cores 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.

[Like_PotheaD]

Muito obrigado Lullaby. Ajudou muito =D

Já podem closar, dúvida resolvida.