Descrição dos fóruns com efeito

3 participantes

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

Tópico resolvido Descrição dos fóruns com efeito

Mensagem por #d0C 21.10.13 20:14

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.
Descrição dos fóruns com efeito 6464d915
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 20:45, editado 1 vez(es)
#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: Descrição dos fóruns com efeito

Mensagem por First 21.10.13 20:41

Olá,

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


Até mais,
Passar bem. Piscada 
First

First
Super Membro

Membro desde : 13/07/2013
Mensagens : 1313
Pontos : 1884

http://www.ajuda.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Descrição dos fóruns com efeito

Mensagem por #d0C 21.10.13 20:42

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

  • 0

Tópico resolvido Re: Descrição dos fóruns com efeito

Mensagem por [F]lames 21.10.13 21:39

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.
[F]lames

[F]lames
Membro

Membro desde : 05/10/2012
Mensagens : 866
Pontos : 1208

http://www.bestskins.net/

Ir para o topo Ir para baixo

Tópico resolvido Re: Descrição dos fóruns com efeito

Mensagem por #d0C 22.10.13 8:02

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

  • 0

Tópico resolvido Re: Descrição dos fóruns com efeito

Mensagem por [F]lames 22.10.13 20:33

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.
[F]lames

[F]lames
Membro

Membro desde : 05/10/2012
Mensagens : 866
Pontos : 1208

http://www.bestskins.net/

Ir para o topo Ir para baixo

Tópico resolvido Re: Descrição dos fóruns com efeito

Mensagem por #d0C 22.10.13 20:44

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


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