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


Pesquisa de Satisfação
Queremos saber a sua opinião sobre os nossos serviços. Clique nesta vinheta e preencha este inquérito.

Login

Esqueci minha senha

Últimos assuntos
» Publicidades invadindo o fórum
Hoje à(s) 3:08 por Shek Crowley

» Caixa de Resposta Rápida
Hoje à(s) 2:15 por -LouYONG

» Avatar não permanece fixo nas postagens
Hoje à(s) 1:56 por Lillith

» Postagem com capa
Hoje à(s) 0:07 por ™David™

» Participe da Pesquisa de satisfação 2016
Ontem à(s) 23:19 por Sovereign

» SCEditor bugado
Ontem à(s) 21:24 por iScroll

» Personalizar Widget
Ontem à(s) 21:13 por YuriGama

Perdi minha senha!
Obter senha

Nota: use se tiver perdido acesso ao seu painel de controle.

Últimas sugestões
Parceiros Forumeiros
Quem está conectado
72 usuários online :: 2 usuários cadastrados, Nenhum Invisível e 70 Visitantes :: 1 Motor de busca

davidgomes10, K1NG

[ 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 : 176

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 : 2969

http://ceudasart.forumeiros.com/

Resolvido Re: Alteração no hover do logo

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


Bem-vindo ao FdF!

• 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!



Sowisker
Moderadeiro
Moderadeiro

Masculino
Inscrito dia : 21/04/2015
Mensagens : 2982
Pontos Ativos : 4271

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 : 176

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 : 4973
Pontos Ativos : 7160

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 : 2969

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 : 176

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 : 176

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
Moderadeiro
Moderadeiro

Masculino
Inscrito dia : 15/12/2010
Mensagens : 8374
Pontos Ativos : 13591

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 : 176

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.


Admineiros Jamais forneça seus dados pessoais, tais como e-mail de fundação ou senhas pelo fórum!
Admineiros  Antes de criar um novo tópico faça uma pesquisa rápida e olhe a lista de tutoriais prontos.
Admineiros Perdeu a senha de administração? Veja o que fazer.
Admineiros Ferramentas do Administrador.

"Você será lembrado pelo que faz, e não pela cor que tens".

Sennior
Admineiro
Admineiro

Masculino
Inscrito dia : 10/06/2011
Mensagens : 16227
Pontos Ativos : 22715

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
Fórum dos Fóruns - Ajuda mútua para usuários forumeiros
on
Fórum grátis: interajuda aos usuários forumeiros. Criar e administrar um fórum. Descubra nossos guias, tutoriais e astúcias no suporte de Forumeiros.
Votações: 5