Alteração no hover do logo

+2
REVIEW
DefaultACA
6 participantes

Ir para baixo

Tópico resolvido Alteração no hover do logo

Mensagem 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á!
DefaultACA
DefaultACA
*

Membro desde : 24/08/2016
Mensagens : 40
Pontos : 68

http://acapvp.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Alteração no hover do logo

Mensagem por REVIEW 27.08.16 2:19

REVIEW
REVIEW
Super Membro

Membro desde : 30/12/2014
Mensagens : 1190
Pontos : 2285

http://ceudasart.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Alteração no hover do logo

Mensagem 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.
Holkis
Holkis
Hiper Membro

Membro desde : 21/04/2015
Mensagens : 3550
Pontos : 4277

http://www.holkis.net/ https://www.youtube.com/channel/UCyb9m2QrxbWPVsnYYfjhKHA https://www.youtube.com/channel/UCyb9m2QrxbWPVsnYYfjhKHA

Ir para o topo Ir para baixo

Tópico resolvido Re: Alteração no hover do logo

Mensagem 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 :/
DefaultACA
DefaultACA
*

Membro desde : 24/08/2016
Mensagens : 40
Pontos : 68

http://acapvp.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Alteração no hover do logo

Mensagem por Fraise 27.08.16 3:24

Boa noite!

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

Atenciosamente,
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: Alteração no hover do logo

Mensagem 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.
REVIEW
REVIEW
Super Membro

Membro desde : 30/12/2014
Mensagens : 1190
Pontos : 2285

http://ceudasart.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Alteração no hover do logo

Mensagem 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
DefaultACA
DefaultACA
*

Membro desde : 24/08/2016
Mensagens : 40
Pontos : 68

http://acapvp.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Alteração no hover do logo

Mensagem 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)
Alteração no hover do logo 2wdv9ua
DefaultACA
DefaultACA
*

Membro desde : 24/08/2016
Mensagens : 40
Pontos : 68

http://acapvp.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Alteração no hover do logo

Mensagem 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.
Cream
Cream
Membro Entusiasta

Membro desde : 15/12/2010
Mensagens : 8540
Pontos : 11644

https://ajuda.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Alteração no hover do logo

Mensagem 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)
DefaultACA
DefaultACA
*

Membro desde : 24/08/2016
Mensagens : 40
Pontos : 68

http://acapvp.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Alteração no hover do logo

Mensagem 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.
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

Ir para o topo

- Tópicos semelhantes

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