Fórum dos Fóruns

Fórum dos Fóruns Forumeiros

Welcome FdF Bem-vindo ao fórum de suporte Forumeiros  Muito feliz


Para aproveitar tudo o que o nosso fórum lhe oferece, agradecemos que se identifique, se já é nosso membro, ou que se junte à nossa comunidade, fazendo o seu registo.
Acesso rápido

Fóruns de suporte oficiais
Login

Esqueci minha senha

Últimos assuntos
Perdi minha senha!
Você precisa recuperar sua senha?
Clique aqui
Parceiros Forumeiros
Os membros mais ativos da semana
Kyo Panda
 
Shek Crowley
 
Fou-Lu
 
Holkis
 
iScroll
 
Sr.Oliveira
 
while
 
Harleen
 
fiapinho
 
Stewart
 

Quem está conectado
204 usuários online :: 3 usuários cadastrados, Nenhum Invisível e 201 Visitantes :: 2 Motores de busca

Fou-Lu, Shek Crowley, vitorsali

[ Ver toda a lista ]


O recorde de usuários online foi de 3131 em Qui 24 Dez 2009 - 15:05

Alteração no hover do logo

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

Resolvido Alteração no hover do logo

Mensagem por DefaultACA em Sab 27 Ago 2016 - 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
Nível 5

Masculino
Inscrito dia : 24/08/2016
Mensagens : 40
Pontos Ativos : 255

http://acapvp.forumeiros.com/

Resolvido Re: Alteração no hover do logo

Mensagem por REVIEW em Sab 27 Ago 2016 - 2:19


REVIEW
Membro do Fórum

Masculino
Inscrito dia : 30/12/2014
Mensagens : 1173
Pontos Ativos : 3048

http://ceudasart.forumeiros.com/

Resolvido Re: Alteração no hover do logo

Mensagem por Holkis em Sab 27 Ago 2016 - 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.


• Tenha conhecimento do regulamento do FdF
• Conheça a staff e suas diretrizes.
• Acesse as  ferramentas do administrador.
• Confira a lista de tutoriais.
• MP apenas para assuntos importantes!

Holkis - Admineiro do Fórum dos Fóruns
#LUTOFORUMEIROS em homenagem ao JScript

Holkis
Admineiro
Admineiro

Masculino
Inscrito dia : 21/04/2015
Mensagens : 3209
Pontos Ativos : 4659

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

Resolvido Re: Alteração no hover do logo

Mensagem por DefaultACA em Sab 27 Ago 2016 - 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
Nível 5

Masculino
Inscrito dia : 24/08/2016
Mensagens : 40
Pontos Ativos : 255

http://acapvp.forumeiros.com/

Resolvido Re: Alteração no hover do logo

Mensagem por Fraise em Sab 27 Ago 2016 - 3:24

Boa noite!

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

Atenciosamente,
Fraise.

Fraise
Super usuário

Masculino
Inscrito dia : 26/06/2015
Mensagens : 4974
Pontos Ativos : 7237

http://ajuda.forumeiros.com/ https://twitter.com/@FraiseFdF

Resolvido Re: Alteração no hover do logo

Mensagem por REVIEW em Sab 27 Ago 2016 - 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
Membro do Fórum

Masculino
Inscrito dia : 30/12/2014
Mensagens : 1173
Pontos Ativos : 3048

http://ceudasart.forumeiros.com/

Resolvido Re: Alteração no hover do logo

Mensagem por DefaultACA em Sab 27 Ago 2016 - 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


DefaultACA
Nível 5

Masculino
Inscrito dia : 24/08/2016
Mensagens : 40
Pontos Ativos : 255

http://acapvp.forumeiros.com/

Resolvido Re: Alteração no hover do logo

Mensagem por DefaultACA em Sab 27 Ago 2016 - 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)

DefaultACA
Nível 5

Masculino
Inscrito dia : 24/08/2016
Mensagens : 40
Pontos Ativos : 255

http://acapvp.forumeiros.com/

Resolvido Re: Alteração no hover do logo

Mensagem por Cream em Sab 27 Ago 2016 - 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
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 15/12/2010
Mensagens : 8540
Pontos Ativos : 13901

http://ajuda.forumeiros.com

Resolvido Re: Alteração no hover do logo

Mensagem por DefaultACA em Sab 27 Ago 2016 - 13:52

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

DefaultACA
Nível 5

Masculino
Inscrito dia : 24/08/2016
Mensagens : 40
Pontos Ativos : 255

http://acapvp.forumeiros.com/

Resolvido Re: Alteração no hover do logo

Mensagem por Sennior em Sab 27 Ago 2016 - 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
Ex-Admineiro
Ex-Admineiro

Masculino
Inscrito dia : 10/06/2011
Mensagens : 16258
Pontos Ativos : 22837

http://ajuda.forumeiros.com/forum https://www.facebook.com/GlladstonHenrique

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