Imagens retrateis nas categorias

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

Resolvido Imagens retrateis nas categorias

Mensagem por GzPremium em 30/09/13, 11:16 am

Qual é minha questão:
Olá, eu quero colocar imagens retráteis nas categorias, para quando passar o mouse elas se abram, deslisando.

Medidas que eu tomei para corrigir o problema:
Não encontrei nenhuma medida a tomar

Imagens do meu problema:
http://i76.servimg.com/u/f76/18/47/28/38/catego10.jpg

Endereço do meu fórum:
www.gzpremium.com

Versão do meu fórum:
PHPBB2



Última edição por GzPremium em 01/10/13, 08:39 pm, editado 1 vez(es)
avatar

GzPremium
Nível 2

Masculino
Inscrito dia : 16/08/2013
Mensagens : 7
Pontos Ativos : 11

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

Resolvido Re: Imagens retrateis nas categorias

Mensagem por MateusA em 30/09/13, 12:56 pm

Olá!

Tem algum fórum que viu tal função?

Até.
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: Imagens retrateis nas categorias

Mensagem por GzPremium em 30/09/13, 12:58 pm

Cʀɑzy escreveu:Olá!

Tem algum fórum que viu tal função?

Até.
Não amigo, mas como eu usava o chatbox retrátil, penso que nas categorias também possa usar, basta ter css ou html certos, creio eu.
avatar

GzPremium
Nível 2

Masculino
Inscrito dia : 16/08/2013
Mensagens : 7
Pontos Ativos : 11

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

Resolvido Re: Imagens retrateis nas categorias

Mensagem por MateusA em 30/09/13, 01:00 pm

Olá!

Acrescente na tua CSS:
Código:
.postlink img:hover {
transition: 3s;
width: 150px;
}
Seta Assim?

Até..
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: Imagens retrateis nas categorias

Mensagem por GzPremium em 30/09/13, 01:04 pm

Quase isso amigo, só que quero que mude a imagem, eu usava no menu com 2 tipos de imagens, quando passar o mouse em cima da categoria, a imagem mudar
avatar

GzPremium
Nível 2

Masculino
Inscrito dia : 16/08/2013
Mensagens : 7
Pontos Ativos : 11

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

Resolvido Re: Imagens retrateis nas categorias

Mensagem por GzPremium em 30/09/13, 02:31 pm

O que preciso para tentar, é um css com link da imagem normal, e outro com imagem hover, tendo isso eu faço o resto para as outras categorias
avatar

GzPremium
Nível 2

Masculino
Inscrito dia : 16/08/2013
Mensagens : 7
Pontos Ativos : 11

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

Resolvido Re: Imagens retrateis nas categorias

Mensagem por BrunoH. em 01/10/13, 12:19 pm

Olá,

Adicione este código a sua Folha de Estilo CSS:
Código:
.genmed img:hover {background: url(IMAGEM)!important;}
IMAGEM -> Substitua pelo URL da imagem desejada.

Este código irá alterar as imagens de todos os fóruns quando passar o mouse. Caso o senhor deseja fórum por fórum, é preciso a criação de códigos JavaScript ao qual não damos suporte.

Até mais.
avatar

BrunoH.
Principal contribuidor
Principal contribuidor

Inscrito dia : 15/06/2012
Mensagens : 7675
Pontos Ativos : 10382

Ver perfil do usuário http://premiumdesign3d.blogspot.com.br/ https://www.facebook.com/brunohenrique.com.br

Resolvido Re: Imagens retrateis nas categorias

Mensagem por MateusA em 01/10/13, 12:48 pm

Olá!

Mantenha o código que forneci, e crie um novo js:
Código:
$(function(){
 $('.postlink img').mouseover(function(){
 $('.postlink img').attr('src', 'ENDEREÇO-DA-IMAGEM';)
});
});
Até.
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

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