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

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

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.

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

Obrigado.

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.

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

Ajudou!