Colocar efeito ao passar o mouse nas informações do perfil

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

Resolvido Colocar efeito ao passar o mouse nas informações do perfil

Mensagem por IsmaelS. em 24/09/13, 03:09 pm

Qual é minha questão:
Olá,

Vi um efeito engraçado num fórum e desejava se possível, vejam como está os quadrados das informações do Perfil se reparar tem uma barra preta no canto direito e gostava de colocar também:



E quando passamos o Mouse em cima a barrinha preta passa para a esquerda veja:



Fórum que vi tal efeito foi: http://projectgames.ativoforum.com/t7-regras-e-afins-gerais-do-forum

Endereço do meu fórum:
http://www.suportedesign.net

Versão do fórum:
PUNBB

IsmaelS.
Usuário experiente

Masculino
Inscrito dia : 24/11/2012
Mensagens : 2956
Pontos Ativos : 4096

Ver perfil do usuário http://suporte-design.forumeiros.com/

Resolvido Re: Colocar efeito ao passar o mouse nas informações do perfil

Mensagem por Sennior em 24/09/13, 09:12 pm

Olá amigo!

Coloque este código no inicio de teu CSS:
Código:
.post_field:hover {
border-right: 5px solid rgb(179, 179, 179) !important;
border-left: 1px solid rgb(179, 179, 179) !important;
}
.post_field {
border-left: 5px solid rgb(179, 179, 179) !important;
}
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: Colocar efeito ao passar o mouse nas informações do perfil

Mensagem por #d0C em 25/09/13, 06:13 am

Olá Sennior,
Seria possível colocar o efeito com transição por favor?

Obrigado.
avatar

#d0C
Membro do Fórum

Masculino
Inscrito dia : 13/09/2013
Mensagens : 1058
Pontos Ativos : 1452

Ver perfil do usuário http://vortextips.wix.com/vortex

Resolvido Re: Colocar efeito ao passar o mouse nas informações do perfil

Mensagem por Sennior em 25/09/13, 12:22 pm

Olá!

Veja se gosta:
Código:
.post_field:hover {
border-right: 5px solid rgb(179, 179, 179) !important;
border-left: 1px solid rgb(179, 179, 179) !important;
-webkit-transition: background-color 0.5s;
-moz-transition: background-color 0.5s;
-o-transition: background-color 0.5s;
transition: background-color 0.5s;
transition-duration: 1s;
}
.post_field {
border-left: 5px solid rgb(179, 179, 179) !important;
}
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: Colocar efeito ao passar o mouse nas informações do perfil

Mensagem por #d0C em 25/09/13, 12:37 pm

Olá Sennior, eu mesmo já coloquei o efeito, mas obrigado!

Ajudou! Piscada
avatar

#d0C
Membro do Fórum

Masculino
Inscrito dia : 13/09/2013
Mensagens : 1058
Pontos Ativos : 1452

Ver perfil do usuário http://vortextips.wix.com/vortex

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