Alteração no hover do logo

por DefaultACA 27.08.16 2:11

Detalhes da questão

Endereço do fórum: http://acapvp.forumeiros.com/forum
Versão do fórum: PhpBB3

Descrição

Olá, eu queria saber como faço pra por um efeito no meu logo (ou banner se preferir), que quando eu colocasse o mouse em cima dele, ele mudasse para outra imagem, e isso só acontecesse enquanto o mouse estiver em cima, agradecido desde já!

por REVIEW 27.08.16 2:19

Boa noite! Muito feliz

queira checar esse tópicos:
https://ajuda.forumeiros.com/t33069-resolvido-mudar-a-cor-da-imagem-do-menu-ao-passar-o-mouse#205523

Até mais.

por Holkis 27.08.16 2:21

Boa noite.

Adicione este código em sua CSS:
Painel de controle ->> Visualização ->> Imagens e Cores ->> Cores ->> Folha de estilo CSS

#i_logo {
background:url(IMAGEM);
cursor:allowed;
}
#i_logo:hover {
background:url(IMAGEM_HOVER);
cursor:allowed;
}

Vermelho -> Altere o valor pelo link da imagem normal;
Azul escuro -> Altere o valor pelo link da imagem ao passar o mouse.
e Validar.

Atenciosamente,
Holkis - Moderador do grupo dos ajudeiros.

por DefaultACA 27.08.16 3:22

Castiel, o tópico fala sobre menu, eu queria que o logo tivesse esse efeito.

Holkis, o código não surtiu efeito :/

por **Fraise** 27.08.16 3:24

Boa noite!

Tente desta forma:

Código:: #logo img:hover { background: url('LINK DA IMAGEM'); }

Atenciosamente,
Fraise.

por REVIEW 27.08.16 3:55

Saudações,
caso o código sugerido pelo Fraise não surge efeito, tente este:

Código:: #logo > img{ background:URL('URL DA IMAGEM 1')!important;} #logo > img:hover{ background:URL('URL DA IMAGEM 2')!important;}

Resulta?

Até mais.

por DefaultACA 27.08.16 4:03

Castiel, o código resultou parcialmente, ele compriu a função, porém ta se repetindo, e ficou atrás da imagem padrão (definida na gestão de imagens), eu poderia por uma imagem transparente na gestão de imagem e talvez resultasse. então sobra o erro do repetimento

Alteração no hover do logo 2wdv9ua

por DefaultACA 27.08.16 4:07

DefaultACA escreveu:Castiel, o código resultou parcialmente, ele compriu a função, porém ta se repetindo, e ficou atrás da imagem padrão (definida na gestão de imagens), eu poderia por uma imagem transparente na gestão de imagem e talvez resultasse. então sobra o erro do repetimento (a foto usada foi só pra teste)

por Cream 27.08.16 4:07

Olá,

Tente este:

Código:: #logo > img{ background:URL('URL DA IMAGEM 1')!important; background-repeat: no-repeat !important; } #logo > img:hover{ background:URL('URL DA IMAGEM 2')!important; background-repeat: no-repeat !important; }

Até mais.

por DefaultACA 27.08.16 13:52

Funcionou, muito obrigado ! (E desculpe pelo double post antes, errei um clique e agora não sei apagar)

por Sennior 27.08.16 18:57

Questão marcada como Resolvida ou o Autor solicitou que ela fosse arquivada.
Tópico marcado como Resolvido e movido para Questões resolvidas.

Alteração no hover do logo