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.
Conectar-se

Esqueci minha senha

Últimos assuntos
» Kit avatar e assinatura.
Hoje à(s) 01:37 am por ranzatti

» Efeito nos grupos
Hoje à(s) 12:17 am por Matt Shultz

» PAGINA HTML
Hoje à(s) 12:08 am por T1ag0

» Concurso do Dia das Bruxas: Vossas participações
Ontem à(s) 11:05 pm por iScroll

» Logo fixo
Ontem à(s) 10:50 pm por iScroll

» Logo para um fórum
Ontem à(s) 10:36 pm por Hyouran

» Rank para o meu fórum
Ontem à(s) 10:33 pm por Matt Shultz

Perdi minha senha!
Você precisa recuperar sua senha?
Clique aqui
Os membros mais ativos da semana
Luiz
 
Matt Shultz
 
iScroll
 
Harleen
 
Ketholy123
 
T1ag0
 
PlayWillian
 
zHugh
 
soldado
 
Lecxa
 

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

North, soldado

[ Ver toda a lista ]


O recorde de usuários online foi de 3131 em 24/12/09, 01:05 pm

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 26/08/16, 10:11 pm

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á!
avatar

DefaultACA
Nível 5

Masculino
Inscrito dia : 23/08/2016
Mensagens : 40
Pontos Ativos : 68

Ver perfil do usuário http://acapvp.forumeiros.com/

Resolvido Re: Alteração no hover do logo

Mensagem por REVIEW em 26/08/16, 10:19 pm

avatar

REVIEW
Membro do Fórum

Masculino
Inscrito dia : 30/12/2014
Mensagens : 1189
Pontos Ativos : 2284

Ver perfil do usuário http://ceudasart.forumeiros.com/

Resolvido Re: Alteração no hover do logo

Mensagem por Holkis em 26/08/16, 10:21 pm

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

Holkis
Hiperativo

Masculino
Inscrito dia : 21/04/2015
Mensagens : 3492
Pontos Ativos : 4191

Ver perfil do usuário http://www.holkis.net/ https://www.youtube.com/channel/UCyb9m2QrxbWPVsnYYfjhKHA https://www.youtube.com/channel/UCyb9m2QrxbWPVsnYYfjhKHA

Resolvido Re: Alteração no hover do logo

Mensagem por DefaultACA em 26/08/16, 11:22 pm

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

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

DefaultACA
Nível 5

Masculino
Inscrito dia : 23/08/2016
Mensagens : 40
Pontos Ativos : 68

Ver perfil do usuário http://acapvp.forumeiros.com/

Resolvido Re: Alteração no hover do logo

Mensagem por Fraise em 26/08/16, 11:24 pm

Boa noite!

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

Atenciosamente,
Fraise.
avatar

Fraise
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 26/06/2015
Mensagens : 5023
Pontos Ativos : 6703

Ver perfil do usuário http://ajuda.forumeiros.com/ https://twitter.com/@FraiseFdF

Resolvido Re: Alteração no hover do logo

Mensagem por REVIEW em 26/08/16, 11:55 pm

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

REVIEW
Membro do Fórum

Masculino
Inscrito dia : 30/12/2014
Mensagens : 1189
Pontos Ativos : 2284

Ver perfil do usuário http://ceudasart.forumeiros.com/

Resolvido Re: Alteração no hover do logo

Mensagem por DefaultACA em 27/08/16, 12:03 am

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

avatar

DefaultACA
Nível 5

Masculino
Inscrito dia : 23/08/2016
Mensagens : 40
Pontos Ativos : 68

Ver perfil do usuário http://acapvp.forumeiros.com/

Resolvido Re: Alteração no hover do logo

Mensagem por DefaultACA em 27/08/16, 12:07 am

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)
avatar

DefaultACA
Nível 5

Masculino
Inscrito dia : 23/08/2016
Mensagens : 40
Pontos Ativos : 68

Ver perfil do usuário http://acapvp.forumeiros.com/

Resolvido Re: Alteração no hover do logo

Mensagem por Cream em 27/08/16, 12:07 am

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

Cream
Principal contribuidor
Principal contribuidor

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

Ver perfil do usuário http://ajuda.forumeiros.com

Resolvido Re: Alteração no hover do logo

Mensagem por DefaultACA em 27/08/16, 09:52 am

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

DefaultACA
Nível 5

Masculino
Inscrito dia : 23/08/2016
Mensagens : 40
Pontos Ativos : 68

Ver perfil do usuário http://acapvp.forumeiros.com/

Resolvido Re: Alteração no hover do logo

Mensagem por Sennior em 27/08/16, 02:57 pm

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

Sennior
Membro profissional
Membro profissional

Masculino
Inscrito dia : 10/06/2011
Mensagens : 16302
Pontos Ativos : 20790

Ver perfil do usuário 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