Descrição de Fóruns/Tópicos

3 participantes

Ir para baixo

Tópico resolvido Descrição de Fóruns/Tópicos

Mensagem por Weder M. T. N. 10.05.17 7:32

Detalhes da questão


Endereço do fórum: http://idem.forumeiros.org/forum
Versão do fórum: phpBB2

Descrição


Gostaria de saber como faço esse efeito nas imagens que coloco na descrição dos fóruns. Quando eu coloco o mouse sobre ela, a mesma se expande e aparece um texto abaixo. Fiz um print para lhe ajudar na compreensão

A Imagem do tópico está assim: https://i.servimg.com/u/f45/15/05/55/18/plano11.jpg

E quando o mouse está sobre a imagem ela fica assim: https://i.servimg.com/u/f45/15/05/55/18/plano010.jpg
Weder M. T. N.
Weder M. T. N.
Novo Membro

Membro desde : 17/04/2017
Mensagens : 6
Pontos : 8

http://castelo-bruxorpg.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Descrição de Fóruns/Tópicos

Mensagem por Kyo Panda 10.05.17 12:34

Descrição de Fóruns/Tópicos Logo
Seja bem-vindo ao nosso fórum de Suporte! Como acabou de se inscrever, veja aqui alguns links importantes a saber:

O senhor poderia liberar a visualização do fórum para convidados?
Kyo Panda
Kyo Panda
Hiper Membro

Membro desde : 08/01/2012
Mensagens : 4641
Pontos : 5939

https://ajuda.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Descrição de Fóruns/Tópicos

Mensagem por Weder M. T. N. 10.05.17 19:51

Liberado.
Weder M. T. N.
Weder M. T. N.
Novo Membro

Membro desde : 17/04/2017
Mensagens : 6
Pontos : 8

http://castelo-bruxorpg.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Descrição de Fóruns/Tópicos

Mensagem por Luiz 10.05.17 20:09

Olá,
Deixo-lhe aqui os meus boas vindas ao Fórum dos Fóruns! Rosa

---

Quanto à sua dúvida, leia:
-> https://ajuda.forumeiros.com/t106875-

o/
Luiz
Luiz
Membro Entusiasta

Membro desde : 23/04/2016
Mensagens : 6645
Pontos : 7451

https://luizfelipe.dev

Ir para o topo Ir para baixo

Tópico resolvido Re: Descrição de Fóruns/Tópicos

Mensagem por Weder M. T. N. 10.05.17 20:55

Muito obrigado Luiz, mas não funcionou. Eu quero que isso aconteça na imagem que eu vou colocar na descrição e não no título. Igual nas figuras que mostrei no início deste tópico.
Weder M. T. N.
Weder M. T. N.
Novo Membro

Membro desde : 17/04/2017
Mensagens : 6
Pontos : 8

http://castelo-bruxorpg.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Descrição de Fóruns/Tópicos

Mensagem por Luiz 10.05.17 21:12

Primeiramente, retire os códigos passados no tutorial acima.
Feito isso, acesse:
Painel de Controle Seta Visualização Seta Cores Seta Folha de Estilo CSS.
E adicione o código a seguir na caixa de texto:
Código:
table.forumline .row1 .hidden {
  display: none;
}

table.forumline .row1:hover .hidden {
  display: block;
}

Feito isso, na descrição da categoria, você coloca assim:
Código:
<div class="hidden">CONTEÚDO ESCONDIDO</div>
E você pode colocar qualquer coisa aí dentro (imagens, textos, etc).
Assim que o usuário colocar o mouse no lugar da categoria, o conteúdo escondido será revelado, assim como na imagem a qual o senhor se referiu na mensagem acima.

o/
Luiz
Luiz
Membro Entusiasta

Membro desde : 23/04/2016
Mensagens : 6645
Pontos : 7451

https://luizfelipe.dev

Ir para o topo Ir para baixo

Tópico resolvido Re: Descrição de Fóruns/Tópicos

Mensagem por Weder M. T. N. 10.05.17 22:33

Na verdade não é bem isso que eu quero. Eu não conseguindo colocar esse negócio de transition. É isso que eu desejo, eu achei em outro fórum o código, mas não funcionou no meu.

Código ex:

transition-duration: 0.9s;
-moz-transition-duration: 0.9s;
-webkit-transition-duration: 0.9s;
-o-transition-duration: 0.9s;
Weder M. T. N.
Weder M. T. N.
Novo Membro

Membro desde : 17/04/2017
Mensagens : 6
Pontos : 8

http://castelo-bruxorpg.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Descrição de Fóruns/Tópicos

Mensagem por Luiz 10.05.17 22:49

Você quer a transição junto com o efeito acima?
Poderia passar o link do fórum em que o senhor viu o efeito?

o/
Luiz
Luiz
Membro Entusiasta

Membro desde : 23/04/2016
Mensagens : 6645
Pontos : 7451

https://luizfelipe.dev

Ir para o topo Ir para baixo

Tópico resolvido Re: Descrição de Fóruns/Tópicos

Mensagem por Weder M. T. N. 10.05.17 22:57

Weder M. T. N.
Weder M. T. N.
Novo Membro

Membro desde : 17/04/2017
Mensagens : 6
Pontos : 8

http://castelo-bruxorpg.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Descrição de Fóruns/Tópicos

Mensagem por Luiz 10.05.17 23:08

Ah sim, me desculpe, eu havia entendido outra coisa. Envergonhado
Adicione este código em sua CSS:
Código:
.row1 div br + img {
  transition: all ease 200ms;
  width: 400px;

}

.row1:hover div br + img {
  width: 500px;
}

RESULTADO:

o/
Luiz
Luiz
Membro Entusiasta

Membro desde : 23/04/2016
Mensagens : 6645
Pontos : 7451

https://luizfelipe.dev

Ir para o topo Ir para baixo

Tópico resolvido Re: Descrição de Fóruns/Tópicos

Mensagem por Weder M. T. N. 13.05.17 5:34

Deu certo, muito obrigado.
Weder M. T. N.
Weder M. T. N.
Novo Membro

Membro desde : 17/04/2017
Mensagens : 6
Pontos : 8

http://castelo-bruxorpg.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Descrição de Fóruns/Tópicos

Mensagem por Luiz 13.05.17 13:24

Descrição de Fóruns/Tópicos Symbol10 Questão marcada como Resolvida ou o Autor solicitou que ela fosse arquivada.

Tópico marcado como Resolvido e movido para "Questões resolvidas".
Luiz
Luiz
Membro Entusiasta

Membro desde : 23/04/2016
Mensagens : 6645
Pontos : 7451

https://luizfelipe.dev

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