Descrição dos fóruns com efeito Hitskin_logo Hitskin.com

Isto é uma pré-visualização de um tema em Hitskin.com
Instalar o temaVoltar para a ficha do tema

Descrição dos fóruns com efeito

3 participantes

Ir para baixo

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

Mensagem por #d0C 21/10/13, 10: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.
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, 10:45 pm, 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, 10:41 pm

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, 10: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.
#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 [F]lames 21/10/13, 11: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.
[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, 10: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.
#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 [F]lames 22/10/13, 10: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.
[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, 10:44 pm

[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

Ir para o topo

- Tópicos semelhantes

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