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 04/06/13, 01:55 pm

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 05/06/13, 05:05 pm, 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 04/06/13, 02:02 pm

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 04/06/13, 02:06 pm

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 04/06/13, 02:15 pm

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 04/06/13, 02:30 pm

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 04/06/13, 02:55 pm

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
Membro profissional
Membro profissional

Masculino
Inscrito dia : 10/06/2011
Mensagens : 16302
Pontos Ativos : 20791

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

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

Mensagem por Luis Edit em 04/06/13, 10:36 pm

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 05/06/13, 12:06 am

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
Membro profissional
Membro profissional

Masculino
Inscrito dia : 10/06/2011
Mensagens : 16302
Pontos Ativos : 20791

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

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