Imagens retrateis nas categorias Hitskin_logo Hitskin.com

Isto é uma pré-visualização de um tema em Hitskin.com
Instalar o temaVoltar para a ficha do tema

Imagens retrateis nas categorias

3 participantes

Ir para baixo

Tópico resolvido Imagens retrateis nas categorias

Mensagem por GzPremium 30.09.13 15:16

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:
https://i.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 02.10.13 0:39, editado 1 vez(es)
GzPremium
GzPremium
Novo Membro

Membro desde : 16/08/2013
Mensagens : 7
Pontos : 11

http://gzpchampionship.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Imagens retrateis nas categorias

Mensagem por MateusA 30.09.13 16:56

Olá!

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

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

Mensagem por GzPremium 30.09.13 16:58

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.
GzPremium
GzPremium
Novo Membro

Membro desde : 16/08/2013
Mensagens : 7
Pontos : 11

http://gzpchampionship.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Imagens retrateis nas categorias

Mensagem por MateusA 30.09.13 17:00

Olá!

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

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

Mensagem por GzPremium 30.09.13 17:04

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
GzPremium
GzPremium
Novo Membro

Membro desde : 16/08/2013
Mensagens : 7
Pontos : 11

http://gzpchampionship.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Imagens retrateis nas categorias

Mensagem por GzPremium 30.09.13 18:31

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
GzPremium
GzPremium
Novo Membro

Membro desde : 16/08/2013
Mensagens : 7
Pontos : 11

http://gzpchampionship.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Imagens retrateis nas categorias

Mensagem por BrunoH. 01.10.13 16:19

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.
BrunoH.
BrunoH.
Membro Entusiasta

Membro desde : 15/06/2012
Mensagens : 7675
Pontos : 10386

http://premiumdesign3d.blogspot.com.br/ https://www.facebook.com/brunohenrique.com.br

Ir para o topo Ir para baixo

Tópico resolvido Re: Imagens retrateis nas categorias

Mensagem por MateusA 01.10.13 16:48

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é.
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

Ir para o topo


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