Menu principal com efeito Hover do mouse em imagem

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

Atendido / Resolvido Menu principal com efeito Hover do mouse em imagem

Mensagem por Hagatsune em 16/09/18, 02:44 pm

Detalhes da questão


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

Descrição


Olá, recentemente mudei meu template do fórum e no anterior eu havia conseguido um código de CSS onde ao passar o mouse sobre a imagem do ícone do menu (exp: índice) ele trocava pra outra imagem do ícone. Só que ao trocar pro novo templete, fiz novos botões pro menu, peguei o código do outro template CSS que fazia esse efeito hover funcionar mas ficou bugado... Gostaria de saber se teria outro código ou se há algo errado nesse que tenho.


Hover

O código que funcionava no outro template. Se quiser ver o bug que ficou no menu, está ativado só pro índice...
Código:
#i_icon_mini_index{width:80px; height:22px; background:url(https://imgur.com/Lx8One2.png) no-repeat 0 0;}
#i_icon_mini_index:hover{width:80px; height:22px; background:url(https://imgur.com/hyyH0AD.png) no-repeat 0 -22px;}

Grata!
avatar

Hagatsune
Nível 6

Feminino
Inscrito dia : 19/06/2014
Mensagens : 67
Pontos Ativos : 99

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

Atendido / Resolvido Re: Menu principal com efeito Hover do mouse em imagem

Mensagem por Hagatsune em 18/09/18, 01:52 am

up
avatar

Hagatsune
Nível 6

Feminino
Inscrito dia : 19/06/2014
Mensagens : 67
Pontos Ativos : 99

Ver perfil do usuário http://valkyrierpg.forumeiros.com/
  • 0

Atendido / Resolvido Re: Menu principal com efeito Hover do mouse em imagem

Mensagem por Pedxz em 18/09/18, 01:33 pm

Olá @Hagatsune,
Mude o seu código, para o seguinte código:
Código:
#i_icon_mini_index {
    width: 100px;
    height: 22px;
    background: url("https://i.imgur.com/Lx8One2.png");
    background-size: cover;
    transition: background 0.25s ease-in-out;
}
#i_icon_mini_index:hover {
    background: url("https://i.imgur.com/hyyH0AD.png");
    height: 22px;
    width: 100px;
    background-size: cover;
}


Cordialmente,
pedxz.


Fórum dos Fóruns
Fórum de suporte Forumeiros
Leia as Regras do Fórum dos Fóruns.
Alguns setores possuem regras específicas.
Verifique se sua questão já não foi respondida.
Pedxz - Ajudeiro Voluntário2007 Forumeiros
avatar

Pedxz
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 13/01/2017
Mensagens : 1568
Pontos Ativos : 2026

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

Atendido / Resolvido Re: Menu principal com efeito Hover do mouse em imagem

Mensagem por Hagatsune em 18/09/18, 07:35 pm

Obrigado!! Funcionou perfeitamente, pode fechar S2
avatar

Hagatsune
Nível 6

Feminino
Inscrito dia : 19/06/2014
Mensagens : 67
Pontos Ativos : 99

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

Atendido / Resolvido Re: Menu principal com efeito Hover do mouse em imagem

Mensagem por Pedxz em 19/09/18, 03:01 am

Tópico resolvido


Movido para "Questões resolvidas".


Fórum dos Fóruns
Fórum de suporte Forumeiros
Leia as Regras do Fórum dos Fóruns.
Alguns setores possuem regras específicas.
Verifique se sua questão já não foi respondida.
Pedxz - Ajudeiro Voluntário2007 Forumeiros
avatar

Pedxz
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 13/01/2017
Mensagens : 1568
Pontos Ativos : 2026

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

Ver o tópico anterior Ver o tópico seguinte Voltar ao Topo


Permissão deste fórum:
Você não pode responder aos tópicos neste fórum