Me ajudem a elaborar esse código css

4 participantes

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

Tópico resolvido Me ajudem a elaborar esse código css

Mensagem por Luis Edit 04.06.13 17: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 05.06.13 21:05, editado 1 vez(es)
avatar

Luis Edit
Nível 8

Masculino
Membro desde : 16/05/2013
Mensagens : 126
Pontos : 271

http://rocknforum.ativoforum.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Me ajudem a elaborar esse código css

Mensagem por HermeS. 04.06.13 18:02

Saudações!

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

Até mais.
HermeS.

HermeS.
Membro avançado

Masculino
Membro desde : 07/09/2012
Mensagens : 304
Pontos : 366

http://revolutioncheatsbr.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Me ajudem a elaborar esse código css

Mensagem por Luis Edit 04.06.13 18:06

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

Luis Edit
Nível 8

Masculino
Membro desde : 16/05/2013
Mensagens : 126
Pontos : 271

http://rocknforum.ativoforum.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Me ajudem a elaborar esse código css

Mensagem por HermeS. 04.06.13 18:15

Olá,

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

Até mais. Piscada
HermeS.

HermeS.
Membro avançado

Masculino
Membro desde : 07/09/2012
Mensagens : 304
Pontos : 366

http://revolutioncheatsbr.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Me ajudem a elaborar esse código css

Mensagem por MateusA 04.06.13 18: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
MateusA

MateusA
Hiperativo

Masculino
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

Membro profissional

Tópico resolvido Re: Me ajudem a elaborar esse código css

Mensagem por Sennior 04.06.13 18: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.
Sennior

Sennior
Membro profissional
Membro profissional

Masculino
Membro desde : 10/06/2011
Mensagens : 16378
Pontos : 20891

https://ajuda.forumeiros.com/forum https://www.facebook.com/GladstonHenriq https://twitter.com/UmGladston

Ir para o topo Ir para baixo

Tópico resolvido Re: Me ajudem a elaborar esse código css

Mensagem por Luis Edit 05.06.13 2: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.
avatar

Luis Edit
Nível 8

Masculino
Membro desde : 16/05/2013
Mensagens : 126
Pontos : 271

http://rocknforum.ativoforum.com/

Ir para o topo Ir para baixo

Membro profissional

Tópico resolvido Re: Me ajudem a elaborar esse código css

Mensagem por Sennior 05.06.13 4: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
Sennior

Sennior
Membro profissional
Membro profissional

Masculino
Membro desde : 10/06/2011
Mensagens : 16378
Pontos : 20891

https://ajuda.forumeiros.com/forum https://www.facebook.com/GladstonHenriq https://twitter.com/UmGladston

Ir para o topo Ir para baixo

Ver o tópico anterior Ver o tópico seguinte Ir para o topo

- Tópicos semelhantes

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