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

3 participantes

Ir para baixo

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

Mensagem por Thoth 31.07.13 5: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: Trocar botão de ''novo tópico'' ao passar o mouse Nouveau1
Gostaria de fazer com que, ao posicionar o mouse por cima dela, a imagem demonstrada acima troque para esta: Trocar botão de ''novo tópico'' ao passar o mouse WYCm8a9


É 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
Thoth
Thoth
Hiper Membro

Membro desde : 01/11/2011
Mensagens : 2197
Pontos : 2820

https://testefdd.forumeiros.com/ https://www.youtube.com/@LMCanalTech/featured

Ir para o topo Ir para baixo

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

Mensagem por MateusA 31.07.13 14:32

Olá!

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

Até mais.
MateusA
MateusA
Hiper Membro

Membro desde : 13/05/2013
Mensagens : 3225
Pontos : 4215

https://www.facebook.com/forumeirospt https://twitter.com/forumeiros_pt

Ir para o topo Ir para baixo

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

Mensagem por Sennior 31.07.13 18: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'
Sennior
Sennior
Principal Contribuidor
Principal Contribuidor

Membro desde : 10/06/2011
Mensagens : 16379
Pontos : 20903

https://ajuda.forumeiros.com/forum https://www.facebook.com/GladstonHenriq https://twitter.com/UmGladston

Ir para o topo Ir para baixo

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

Mensagem por Thoth 31.07.13 20: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.
Thoth
Thoth
Hiper Membro

Membro desde : 01/11/2011
Mensagens : 2197
Pontos : 2820

https://testefdd.forumeiros.com/ https://www.youtube.com/@LMCanalTech/featured

Ir para o topo Ir para baixo

Ir para o topo

- Tópicos semelhantes

 
Permissões neste sub-fórum
Não podes responder a tópicos