Trocar botão de ''novo tópico'' ao passar o mouse

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

Resolvido Trocar botão de ''novo tópico'' ao passar o mouse

Mensagem por Thoth em Qua 31 Jul 2013 - 1:52

Qual é minha questão:
Olá, queridos.
Hoje venho pedir vossa ajuda em uma questão sobre personalização do fórum. 

Gostaria de adicionar ao meu fórum um efeito na imagem de Novo tópico.
O efeito consiste em quando  eu passar o mouse por cima do botão para criar um novo tópico, este seja automaticamente trocado por uma outra imagem.

Exemplo: 

Digamos que em meu fórum a imagem do botão para criar um novo tópico seja esta:
Gostaria de fazer com que, ao posicionar o mouse por cima dela, a imagem demonstrada acima troque para esta:


É importante dizer que o efeito será para um fórum Phpbb3, portanto acredito que seja por CSS. 

Espero que tenha ficado claro o que estou solicitando como suporte.
Desde já agradeço a atenção e ajuda.

Endereço do meu fórum:
http://www.suportedesign.net

Versão do fórum:
Phpbb3
avatar

Thoth
Usuário experiente

Masculino
Inscrito dia : 01/11/2011
Mensagens : 2154
Pontos Ativos : 2743

Ver perfil do usuário http://suportedesign.forumeiros.com https://www.facebook.com/Suportedesign https://twitter.com/suportedesign

Resolvido Re: Trocar botão de ''novo tópico'' ao passar o mouse

Mensagem por MateusA em Qua 31 Jul 2013 - 10:32

Olá!

Na verdade, não tem como alterar uma imagem com JavaScript, lamento mais não será possível.

Até mais.
avatar

MateusA
Hiperativo

Masculino
Inscrito dia : 13/05/2013
Mensagens : 3225
Pontos Ativos : 4215

Ver perfil do usuário https://www.facebook.com/forumeirospt https://twitter.com/forumeiros_pt

Resolvido Re: Trocar botão de ''novo tópico'' ao passar o mouse

Mensagem por Sennior em Qua 31 Jul 2013 - 14:48

Bom dia cordial membro! Muito feliz

Pode haver uma maneira, coloque o código no teu CSS como eu mostro abaixo, se não vier à dar resultados, lamento amigo.
Aceda á teu painel administrativo como eu mostro abaixo:
Painel de Controle Seta Visualização Seta Imagens e Cores Seta Cores Seta Folha de Estilo CSS

Código:
.i_post:hover {
background-image: url(http://i.imgur.com/WYCm8a9.png) !important;
display: block;
}

<li> Coloque o código no inicio de teu CSS. Piscada

Valide e veja o resultado.

Abraços! De bem com a vida

Tópico movido de 'Questões sobre códigos' para 'Questões sobre a aparência do fórum'
avatar

Sennior
Membro profissional
Membro profissional

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

Ver perfil do usuário http://ajuda.forumeiros.com/forum https://www.facebook.com/GlladstonHenrique

Resolvido Re: Trocar botão de ''novo tópico'' ao passar o mouse

Mensagem por Thoth em Qua 31 Jul 2013 - 16:40

Olá, Sheldon.

Infelizmente não obtive resultado com a solução que o senhor propôs.

Eu estava querendo este efeito pois o vi em um fórum punbb e achei que seria possível trazê-lo a um fórum Phpbb3 por intermédio de CSS ou JS.

Contudo, se realmente os senhores acham que não é possível criar tal efeito, podem finalizar o tópico.

Agradeço a atenção.
avatar

Thoth
Usuário experiente

Masculino
Inscrito dia : 01/11/2011
Mensagens : 2154
Pontos Ativos : 2743

Ver perfil do usuário http://suportedesign.forumeiros.com https://www.facebook.com/Suportedesign https://twitter.com/suportedesign

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