Colocar efeito ao passar o mouse nas categorias

3 participantes

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

Tópico resolvido Colocar efeito ao passar o mouse nas categorias

Mensagem por IsmaelS. 24.09.13 19:07

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á:

Colocar efeito ao passar o mouse nas categorias 1_bmp35

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

Colocar efeito ao passar o mouse nas categorias 2_bmp20

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
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

Principal Contribuidor

Tópico resolvido Re: Colocar efeito ao passar o mouse nas categorias

Mensagem por Sennior 25.09.13 1:16

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.
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 categorias

Mensagem por #d0C 25.09.13 10:09

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.
#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

Principal Contribuidor

Tópico resolvido Re: Colocar efeito ao passar o mouse nas categorias

Mensagem por Sennior 25.09.13 16:25

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.
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 categorias

Mensagem por #d0C 25.09.13 16:38

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

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