Me ajudem a elaborar esse código css

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

Resolvido Me ajudem a elaborar esse código css

Mensagem por Luis Edit em Ter 4 Jun 2013 - 10:55

Qual é minha questão:
Código:
A.forumtitle:hover{
padding-left:3px;
-webkit-transition:0.2s;
-o-transition:0.2s;
-moz-transitio:0.2s;
}
Eu uso o código acima para fazer o título do tópico deslizar pro lado ao passar o mouse. Invés desse, queria colocar o efeito das imagens desse blog: http://edudiabo.blogspot.com.br/

Quero o efeito dos widgets de parceiros nos títulos das categorias do meu fórum.

O CSS ta no código de fonte da página do site que eu passei, mas não sei qual o CSS exato, acho que é aqueles códigos perto de #x li img:hover{.

Endereço do meu fórum:
http://rocknforum.ativoforum.com

Versão do fórum:
INVISION


Última edição por Luis (///) em Qua 5 Jun 2013 - 14:05, editado 1 vez(es)

Luis Edit
Nível 8

Masculino
Inscrito dia : 16/05/2013
Mensagens : 126
Pontos Ativos : 271

Ver perfil do usuário http://rocknforum.ativoforum.com/

Resolvido Re: Me ajudem a elaborar esse código css

Mensagem por HermeS. em Ter 4 Jun 2013 - 11:02

Saudações!

Não compreendi, poderia ser mais específico?, fornecendo alguma imagem do problema?

Até mais.
avatar

HermeS.
Usuário avançado

Masculino
Inscrito dia : 06/09/2012
Mensagens : 304
Pontos Ativos : 366

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

Resolvido Re: Me ajudem a elaborar esse código css

Mensagem por Luis Edit em Ter 4 Jun 2013 - 11:06

Ao dizer título do tópico, eu quis dizer título das categorias.*

Luis Edit
Nível 8

Masculino
Inscrito dia : 16/05/2013
Mensagens : 126
Pontos Ativos : 271

Ver perfil do usuário http://rocknforum.ativoforum.com/

Resolvido Re: Me ajudem a elaborar esse código css

Mensagem por HermeS. em Ter 4 Jun 2013 - 11:15

Olá,

O senhor poderia me fornecer uma imagem de sua questão?

Até mais. Piscada
avatar

HermeS.
Usuário avançado

Masculino
Inscrito dia : 06/09/2012
Mensagens : 304
Pontos Ativos : 366

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

Resolvido Re: Me ajudem a elaborar esse código css

Mensagem por MateusA em Ter 4 Jun 2013 - 11:30

Olá!

Aceda à "Folha de Estilos CSS":
Painel de Controle Seta Visualização Seta Imagens & Cores Seta Cores Seta Folha de Estilo CSS

Código:

Código:
a.forumtitle:hover {
  text-shadow: 0px 2px 3px #000000;
padding-top: 50px;
  text-decoration: none;
  color: black;
  margin-left: 2px;
 -webkit-transition:0.7s;
-o-transition:0.7s;
-moz-transitio:0.7s;
}


Valide. Piscada
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: Me ajudem a elaborar esse código css

Mensagem por Sennior em Ter 4 Jun 2013 - 11:55

Saudações!

Apenas coloque este código no inicio de teu CSS:

Código:
.forumtitle:hover {
opacity: 0.0;
-moz-opacity: 0.00;
Filter: Alpha(Opacity=0);
}

Até mais.
avatar

Sennior
Ex-Admineiro
Ex-Admineiro

Masculino
Inscrito dia : 09/06/2011
Mensagens : 16317
Pontos Ativos : 20820

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

Resolvido Re: Me ajudem a elaborar esse código css

Mensagem por Luis Edit em Ter 4 Jun 2013 - 19:36

Os códigos não resultaram. O primeiro faz a mesma coisa do CSS que eu já usava, o último código postado até então faz a imagem desaparecer ao passar o mouse. O que eu queria mesmo era aumentar o tamanho da imagem ao passar o mouse sobre a mesma, dar um zoom como nos banners do blog que eu passei.

Luis Edit
Nível 8

Masculino
Inscrito dia : 16/05/2013
Mensagens : 126
Pontos Ativos : 271

Ver perfil do usuário http://rocknforum.ativoforum.com/

Resolvido Re: Me ajudem a elaborar esse código css

Mensagem por Sennior em Ter 4 Jun 2013 - 21:06

Olá!

Aceda à "Folha de Estilos CSS":
Painel de Controle Seta Visualização Seta Imagens & Cores Seta Cores Seta Folha de Estilo CSS

Código:

Código:
.forumtitle:hover {
opacity: 1;
padding-left: 34px;
-webkit-transition: 0.2s;
-o-transition: 0.2s;
-moz-transitio: 0.2s;
zoom: 2;
}

Valide. Piscada
avatar

Sennior
Ex-Admineiro
Ex-Admineiro

Masculino
Inscrito dia : 09/06/2011
Mensagens : 16317
Pontos Ativos : 20820

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

Ver o tópico anterior Ver o tópico seguinte Voltar ao Topo


Permissão deste fórum:
Você não pode responder aos tópicos neste fórum