Efeito hover na categoria

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

Resolvido Efeito hover na categoria

Mensagem por Connor R. em 11/04/13, 03:48 pm

Qual é minha questão:
Gostaria de saber se tem como colocar um efeito hover transparente, observem:

http://i69.servimg.com/u/f69/17/63/00/37/sem_ta23.jpg

Gostaria de deixar com este efeito, quando o mouse estivesse em cima:

http://i69.servimg.com/u/f69/17/63/00/37/sem_ta24.jpg

Ou seja, gostaria que aquela área dentro quadrado fosse o fundo da categoria, quando o mouse estivesse sobre ela.

Endereço do meu fórum:
http://somosmugiwara.forumeiros.com

Versão do fórum:
PHPBB3


Última edição por Houdini em 12/04/13, 12:37 pm, editado 1 vez(es)
avatar

Connor R.
Usuário destaque

Masculino
Inscrito dia : 06/08/2012
Mensagens : 978
Pontos Ativos : 1594

Ver perfil do usuário http://somosmugiwara.forumeiros.com https://www.facebook.com/kadandajr https://twitter.com/SomosMugiwara

Resolvido Re: Efeito hover na categoria

Mensagem por Ted em 11/04/13, 03:53 pm

Não entendi sua questão.

Ta querendo dizer quando passar o mouse em cima do link da categoria ele ficar transparente ?
avatar

Ted
Nível 8

Masculino
Inscrito dia : 06/03/2013
Mensagens : 126
Pontos Ativos : 145

Ver perfil do usuário http://universal.forum-pro.net/

Resolvido Re: Efeito hover na categoria

Mensagem por xandez em 11/04/13, 03:54 pm

Painel de controle Seta larga modulos Seta larga gestao de HTML E JS Seta larga coloque o seu codigo JS Amigos
avatar

xandez
Usuário avançado

Masculino
Inscrito dia : 26/01/2013
Mensagens : 434
Pontos Ativos : 831

Ver perfil do usuário http://anonymous.forumbrasil.net/ http://anonymous.forumbrasil.net/ http://anonymous.forumbrasil.net/

Resolvido Re: Efeito hover na categoria

Mensagem por Connor R. em 11/04/13, 03:56 pm

Sim sim, isso mesmo Ted.
avatar

Connor R.
Usuário destaque

Masculino
Inscrito dia : 06/08/2012
Mensagens : 978
Pontos Ativos : 1594

Ver perfil do usuário http://somosmugiwara.forumeiros.com https://www.facebook.com/kadandajr https://twitter.com/SomosMugiwara

Resolvido Re: Efeito hover na categoria

Mensagem por Ted em 11/04/13, 03:58 pm

Adicione em sua folha de estilo css:

Código:
.pun a:hover {
color: transparent!important;
text-decoration: none!important;
}
avatar

Ted
Nível 8

Masculino
Inscrito dia : 06/03/2013
Mensagens : 126
Pontos Ativos : 145

Ver perfil do usuário http://universal.forum-pro.net/

Resolvido Re: Efeito hover na categoria

Mensagem por Connor R. em 11/04/13, 04:01 pm

Não funcionou amigo......

avatar

Connor R.
Usuário destaque

Masculino
Inscrito dia : 06/08/2012
Mensagens : 978
Pontos Ativos : 1594

Ver perfil do usuário http://somosmugiwara.forumeiros.com https://www.facebook.com/kadandajr https://twitter.com/SomosMugiwara

Resolvido Re: Efeito hover na categoria

Mensagem por BrunoH. em 11/04/13, 04:03 pm

Olá!
Aceda a Folha de Estilo CSS:
Painel de Controle Seta Visualização Seta Imagens e Cores Seta Cores Seta Folha de estilo CSS
Código:
Código:
.row:hover {
background: url(http://i72.servimg.com/u/f72/17/49/20/61/100-ho10.jpg);
background-position: -1000px;
-webkit-transition-duration: 1s;
opacity: .1;
}
e Valide!

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: Efeito hover na categoria

Mensagem por Connor R. em 11/04/13, 04:11 pm

Não e desse jeito Bruno, quero que quando coloque o mouse em cima da categoria, fique com o fundo transparente, como o da imagem.

Esse código que você deu, faz um bug, que tudo da categoria fica transparente e não dar pra ler nada, além de aparecer se mexendo...
avatar

Connor R.
Usuário destaque

Masculino
Inscrito dia : 06/08/2012
Mensagens : 978
Pontos Ativos : 1594

Ver perfil do usuário http://somosmugiwara.forumeiros.com https://www.facebook.com/kadandajr https://twitter.com/SomosMugiwara

Resolvido Re: Efeito hover na categoria

Mensagem por Ted em 11/04/13, 04:14 pm

Olá,tente este.

Código:


.row:hover {
color: transparent!important;
text-decoration: none!important;
}

avatar

Ted
Nível 8

Masculino
Inscrito dia : 06/03/2013
Mensagens : 126
Pontos Ativos : 145

Ver perfil do usuário http://universal.forum-pro.net/

Resolvido Re: Efeito hover na categoria

Mensagem por Connor R. em 11/04/13, 04:25 pm

Não resulto Ted.
Só fez as letras com a cor branca sumir, observem abaixo:

http://i69.servimg.com/u/f69/17/63/00/37/sem_ta25.jpg

Gostaria deste efeito de transparência, quando o mouse estiver em cima da categoria que ficasse transparente, como na imagem, mas com o fundo meu fórum, e claro.
avatar

Connor R.
Usuário destaque

Masculino
Inscrito dia : 06/08/2012
Mensagens : 978
Pontos Ativos : 1594

Ver perfil do usuário http://somosmugiwara.forumeiros.com https://www.facebook.com/kadandajr https://twitter.com/SomosMugiwara

Resolvido Re: Efeito hover na categoria

Mensagem por Ted em 11/04/13, 04:36 pm

Diga claramente,oque você quer que fique transparente ?
avatar

Ted
Nível 8

Masculino
Inscrito dia : 06/03/2013
Mensagens : 126
Pontos Ativos : 145

Ver perfil do usuário http://universal.forum-pro.net/

Resolvido Re: Efeito hover na categoria

Mensagem por Connor R. em 11/04/13, 04:37 pm

O fundo da categoria, quando o mouse esta sobre ela...
avatar

Connor R.
Usuário destaque

Masculino
Inscrito dia : 06/08/2012
Mensagens : 978
Pontos Ativos : 1594

Ver perfil do usuário http://somosmugiwara.forumeiros.com https://www.facebook.com/kadandajr https://twitter.com/SomosMugiwara

Resolvido Re: Efeito hover na categoria

Mensagem por Connor R. em 12/04/13, 12:36 pm

O código do bruno funcionou.... Thanls man.
avatar

Connor R.
Usuário destaque

Masculino
Inscrito dia : 06/08/2012
Mensagens : 978
Pontos Ativos : 1594

Ver perfil do usuário http://somosmugiwara.forumeiros.com https://www.facebook.com/kadandajr https://twitter.com/SomosMugiwara

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