Descrição dos fóruns com efeito

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

Resolvido Descrição dos fóruns com efeito

Mensagem por #d0C em 21/10/13, 05:14 pm

Qual é minha questão:
Olá a todos.
Preciso muito da vossa ajuda.

Como podem ver na imagem abaixo, o texto que está dentro das linhas vermelhas são as descrições dos subfóruns.
Eu queria que apenas esse texto ficasse invisível e quando passar o mouse ficasse visível.
Eu sei que é possivel pois já vi em um fórum mas perdi o link do mesmo...


Espero obter ajuda.
Cumprimentos, #d0C.

Endereço do meu fórum:
http://corrente-grafica.forumeiro.com

Versão do fórum:
PUNBB


Última edição por #d0C em 22/10/13, 05:45 pm, editado 1 vez(es)
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: Descrição dos fóruns com efeito

Mensagem por First em 21/10/13, 05:41 pm

Olá,

Senhor, queria chegar por gentileza:
[TUTORIAL] Responsável pela seção em modo Hover


Até mais,
Passar bem. Piscada 
avatar

First
Membro do Fórum

Masculino
Inscrito dia : 12/07/2013
Mensagens : 1287
Pontos Ativos : 1843

Ver perfil do usuário http://www.ajuda.forumeiros.com https://www.facebook.com//victor.jagata

Resolvido Re: Descrição dos fóruns com efeito

Mensagem por #d0C em 21/10/13, 05:42 pm

First,

Não é isso que eu desejo.
Queria que as descrições dos sub-fóruns ficassem com o efeito que mencionei acima amigo!


#d0C.
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
  • 0

Resolvido Re: Descrição dos fóruns com efeito

Mensagem por [F]lames em 21/10/13, 06:39 pm

Olá,

Adicione isto á teu CSS:
Código:
.tc_forum #desc-c span {font-size: 0px;color: transparent;-webkit-transition: all .8s;-moz-transition: all .8s;-o-transition: all .8s;transition: all .8s;}
.tc_forum #desc-c span:hover {font-size: 11px !important;color: #545454 !important;-webkit-transition: all .8s;-moz-transition: all .8s;-o-transition: all .8s;transition: all .8s;}
.tc_forum #desc-c span a {font-size: 12px !important;color: #343434 !important;font-weight: bold;}
.tc_forum #desc-c span a img {margin: 0px 5px 2px 0px;}
Passar bem.
avatar

[F]lames
Usuário destaque

Masculino
Inscrito dia : 05/10/2012
Mensagens : 866
Pontos Ativos : 1207

Ver perfil do usuário http://www.bestskins.net/

Resolvido Re: Descrição dos fóruns com efeito

Mensagem por #d0C em 22/10/13, 05:02 am

[F]lames, te amo! Muito feliz
Ficou bom, mas seria possível em vez da letra ficar grande apenas aparecer?

EDIT: E se possível eu queria que o titulo do sub-fórum ficasse em frente a imagem em grande, e quando o mouse passar ele fica pequeno e o a descrição aparece!


Cumprimentos, #d0C.
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
  • 0

Resolvido Re: Descrição dos fóruns com efeito

Mensagem por [F]lames em 22/10/13, 05:33 pm

Olá,

Awn'
Bom, substitua o código para este:
Código:
.tc_forum #desc-c span {color: transparent;-webkit-transition: all .8s;-moz-transition: all .8s;-o-transition: all .8s;transition: all .8s;}
.tc_forum #desc-c span:hover {color: #545454 !important;-webkit-transition: all .8s;-moz-transition: all .8s;-o-transition: all .8s;transition: all .8s;}
.tc_forum #desc-c span a {font-size: 17px !important;color: #343434 !important;font-weight: bold;top: 5px;position: relative;}
.tc_forum #desc-c span:hover a {font-size: 12px !important;position: static;}
.tc_forum #desc-c span a img {margin: 0px 5px 2px 0px;}
Passar bem.
avatar

[F]lames
Usuário destaque

Masculino
Inscrito dia : 05/10/2012
Mensagens : 866
Pontos Ativos : 1207

Ver perfil do usuário http://www.bestskins.net/

Resolvido Re: Descrição dos fóruns com efeito

Mensagem por #d0C em 22/10/13, 05:44 pm

[F]lames, te amo amigo! apaixonado Muito feliz
Me ajudou imenso!


Cumptz, #d0C.
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