Colocar efeito ao passar o mouse nas categorias

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

Resolvido Colocar efeito ao passar o mouse nas categorias

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

Qual é minha questão:
Olá,

Vi um efeito engraçado num fórum e desejava o mesmo se possível, é o seguinte vejam antes de passar o Mouse em cima duma das Categorias veja como está:



Depois de passar o Mouse aparece umas barras azuis nos cantos da categoria veja:



Fórum que vi tal efeito foi em: www.projectgames.ativoforum.com/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 categorias

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

Olá!

Aqui está:
Código:
tbody.statused tr:hover {
border-left: 4px solid #00adea;
border-right: 4px solid #00adea;
}
Coloque o código acima no inicio de te CSS.

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 categorias

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

Olá, Sennior.
Eu sei que a duvida não e minha, mas será possível colocar as barras a aparecerem com opacidade lentamente?

Se for preciso crio nova duvida.
Cumprimentos.
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 categorias

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

Olá!

Isso?:
Código:
tbody.statused tr:hover {
border-left: 4px solid #00adea;
border-right: 4px solid #00adea;
-webkit-transition: background-color 0.5s;
-moz-transition: background-color 0.5s;
-o-transition: background-color 0.5s;
transition: background-color 3.5s;
transition-duration: 1s;
-webkit-transition-duration: 1s;
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: Colocar efeito ao passar o mouse nas categorias

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

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

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