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

3 participantes

Ir para baixo

Tópico resolvido Colocar efeito ao passar o mouse nas informações do perfil

Mensagem por IsmaelS. 24.09.13 19:09

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:

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

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

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

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
avatar
IsmaelS.
Hiper Membro

Membro desde : 24/11/2012
Mensagens : 2994
Pontos : 4142

http://suporte-design.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Colocar efeito ao passar o mouse nas informações do perfil

Mensagem por Sennior 25.09.13 1:12

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.
Sennior
Sennior
Principal Contribuidor
Principal Contribuidor

Membro desde : 10/06/2011
Mensagens : 16379
Pontos : 20903

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: Colocar efeito ao passar o mouse nas informações do perfil

Mensagem por #d0C 25.09.13 10:13

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

Obrigado.
#d0C
#d0C
Super Membro

Membro desde : 13/09/2013
Mensagens : 1118
Pontos : 1536

http://vortextips.wix.com/vortex

Ir para o topo Ir para baixo

Tópico resolvido Re: Colocar efeito ao passar o mouse nas informações do perfil

Mensagem por Sennior 25.09.13 16:22

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.
Sennior
Sennior
Principal Contribuidor
Principal Contribuidor

Membro desde : 10/06/2011
Mensagens : 16379
Pontos : 20903

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: Colocar efeito ao passar o mouse nas informações do perfil

Mensagem por #d0C 25.09.13 16:37

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

Ajudou! Piscada
#d0C
#d0C
Super Membro

Membro desde : 13/09/2013
Mensagens : 1118
Pontos : 1536

http://vortextips.wix.com/vortex

Ir para o topo Ir para baixo

Ir para o topo

- Tópicos semelhantes

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