Efeito hover nas imagens do menu Hitskin_logo Hitskin.com

Isto é uma pré-visualização de um tema em Hitskin.com
Instalar o temaVoltar para a ficha do tema

Efeito hover nas imagens do menu

4 participantes

Ir para baixo

Tópico resolvido Efeito hover nas imagens do menu

Mensagem por Like_PotheaD 26.07.12 21:47

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


Última edição por Like_PotheaD em 29.07.12 12:18, editado 1 vez(es)
Like_PotheaD
Like_PotheaD
Novo Membro

Membro desde : 25/07/2012
Mensagens : 23
Pontos : 39

http://brasilrockstarcity.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Efeito hover nas imagens do menu

Mensagem por Sennior 26.07.12 21:53

Olá querido.

Poderia me dizer qual fórum viu este efeito?

Até mais.
Sennior
Sennior
Principal Contribuidor
Principal Contribuidor

Membro desde : 10/06/2011
Mensagens : 16379
Pontos : 20903

https://ajuda.forumeiros.com/forum https://www.facebook.com/GladstonHenriq https://twitter.com/UmGladston

Ir para o topo Ir para baixo

Tópico resolvido Re: Efeito hover nas imagens do menu

Mensagem por Like_PotheaD 26.07.12 22:18

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
Like_PotheaD
Like_PotheaD
Novo Membro

Membro desde : 25/07/2012
Mensagens : 23
Pontos : 39

http://brasilrockstarcity.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Efeito hover nas imagens do menu

Mensagem por Lexus 27.07.12 5:02

Olá,

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

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

Até mais.
Lexus
Lexus
Hiper Membro

Membro desde : 22/06/2010
Mensagens : 4205
Pontos : 5693

http:///.../#

Ir para o topo Ir para baixo

Tópico resolvido Re: Efeito hover nas imagens do menu

Mensagem por Like_PotheaD 27.07.12 14:11

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?
Like_PotheaD
Like_PotheaD
Novo Membro

Membro desde : 25/07/2012
Mensagens : 23
Pontos : 39

http://brasilrockstarcity.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Efeito hover nas imagens do menu

Mensagem por Lexus 27.07.12 14:58

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.
Lexus
Lexus
Hiper Membro

Membro desde : 22/06/2010
Mensagens : 4205
Pontos : 5693

http:///.../#

Ir para o topo Ir para baixo

Tópico resolvido Re: Efeito hover nas imagens do menu

Mensagem por Like_PotheaD 27.07.12 15:14

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
Like_PotheaD
Like_PotheaD
Novo Membro

Membro desde : 25/07/2012
Mensagens : 23
Pontos : 39

http://brasilrockstarcity.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Efeito hover nas imagens do menu

Mensagem por Oto! 27.07.12 15:31

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
Oto!
Oto!
Hiper Membro

Membro desde : 07/04/2011
Mensagens : 3363
Pontos : 4818

https://ajuda.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Efeito hover nas imagens do menu

Mensagem por Like_PotheaD 27.07.12 18:02

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

Membro desde : 25/07/2012
Mensagens : 23
Pontos : 39

http://brasilrockstarcity.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Efeito hover nas imagens do menu

Mensagem por Like_PotheaD 28.07.12 20:10

Então?!
Like_PotheaD
Like_PotheaD
Novo Membro

Membro desde : 25/07/2012
Mensagens : 23
Pontos : 39

http://brasilrockstarcity.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Efeito hover nas imagens do menu

Mensagem por Lexus 29.07.12 6:28

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.
Lexus
Lexus
Hiper Membro

Membro desde : 22/06/2010
Mensagens : 4205
Pontos : 5693

http:///.../#

Ir para o topo Ir para baixo

Tópico resolvido Re: Efeito hover nas imagens do menu

Mensagem por Like_PotheaD 29.07.12 12:18

Muito obrigado Lullaby. Ajudou muito =D

Já podem closar, dúvida resolvida.
Like_PotheaD
Like_PotheaD
Novo Membro

Membro desde : 25/07/2012
Mensagens : 23
Pontos : 39

http://brasilrockstarcity.forumeiros.com

Ir para o topo Ir para baixo

Ir para o topo


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