Spoiler deslizante

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

Atendido / Resolvido Spoiler deslizante

Mensagem por zHugh em 23.09.18 21:49

Detalhes da questão


Endereço do fórum: http://superonzerv.forumeiros.net/
Versão do fórum: phpBB3

Descrição


Boa tarde,

Gostaria de saber se há algum meio de fazer com que a ação de abrir o spoiler se torne mais "suave". De modo que ao invés de o mesmo abrir de imediato, deslize até o fim.

Por exemplo: https://www.elainegaspareto.com/2017/06/botao-para-ocultar-spoilers-nas-postagens.html
zHugh

zHugh
Usuário destaque

Masculino
Inscrito dia : 30/03/2010
Mensagens : 736
Pontos Ativos : 1190

Ver perfil do usuário http://superonzerpg.forumeiros.net/

Atendido / Resolvido Re: Spoiler deslizante

Mensagem por zHugh em 25.09.18 16:12

upzinho
zHugh

zHugh
Usuário destaque

Masculino
Inscrito dia : 30/03/2010
Mensagens : 736
Pontos Ativos : 1190

Ver perfil do usuário http://superonzerpg.forumeiros.net/

Atendido / Resolvido Re: Spoiler deslizante

Mensagem por Pedxz em 25.09.18 20:05

Olá @zHugh,
Adicione na sua folha de estilo, o seguinte código:
Código:
.codebox.spoiler, .spoiler_content.hidden {
  transition: all .5s ease-in-out;
  }


Cordialmente,
pedxz.


Tópico movido de 'Questões sobre códigos' para 'Questões sobre a aparência do fórum'
Pedxz

Pedxz
Moderadeiro
Moderadeiro

Masculino
Inscrito dia : 13/01/2017
Mensagens : 2526
Pontos Ativos : 3177

Ver perfil do usuário https://pedxz.forumeiros.com

Atendido / Resolvido Re: Spoiler deslizante

Mensagem por zHugh em 26.09.18 0:32

Olá, não resultou :<
zHugh

zHugh
Usuário destaque

Masculino
Inscrito dia : 30/03/2010
Mensagens : 736
Pontos Ativos : 1190

Ver perfil do usuário http://superonzerpg.forumeiros.net/

Atendido / Resolvido Re: Spoiler deslizante

Mensagem por zHugh em 29.09.18 13:41

Up pra não fecharem
zHugh

zHugh
Usuário destaque

Masculino
Inscrito dia : 30/03/2010
Mensagens : 736
Pontos Ativos : 1190

Ver perfil do usuário http://superonzerpg.forumeiros.net/

Atendido / Resolvido Re: Spoiler deslizante

Mensagem por Pedxz em 29.09.18 14:39

Mude o código para:
Código:
.spoiler_content, .spoiler_content.hidden {
    transition: opacity 0.5s linear;
    display: block!important;
}
 .spoiler_content {
    opacity: 0;
}
 .spoiler_content.hidden {
    opacity: 1;
}
Pedxz

Pedxz
Moderadeiro
Moderadeiro

Masculino
Inscrito dia : 13/01/2017
Mensagens : 2526
Pontos Ativos : 3177

Ver perfil do usuário https://pedxz.forumeiros.com

Atendido / Resolvido Re: Spoiler deslizante

Mensagem por zHugh em 30.09.18 21:46

Hm, teve um efeito interessante. No entanto o spoiler fica aberto como se o conteúdo estivesse todo ali, porém com a opacidade no 0.
zHugh

zHugh
Usuário destaque

Masculino
Inscrito dia : 30/03/2010
Mensagens : 736
Pontos Ativos : 1190

Ver perfil do usuário http://superonzerpg.forumeiros.net/

Atendido / Resolvido Re: Spoiler deslizante

Mensagem por Pedxz em 30.09.18 22:03

Mude para:
Código:
.spoiler_content, .spoiler_content.hidden {
    transition: opacity 0.5s linear;
    display: block!important;
}
 .spoiler_content {
    opacity: 0;
    height: 2px;
}
 .spoiler_content.hidden {
    opacity: 1;
    height: auto;
}
Pedxz

Pedxz
Moderadeiro
Moderadeiro

Masculino
Inscrito dia : 13/01/2017
Mensagens : 2526
Pontos Ativos : 3177

Ver perfil do usuário https://pedxz.forumeiros.com

Atendido / Resolvido Re: Spoiler deslizante

Mensagem por zHugh em 01.10.18 16:00

Agora funcionou, uma pena que o spoiler abriu subitamente tambem ao invés de deslizar progressivamente para baixo, revelando o conteúdo :<

Mas creio que seja suficiente. Se tiver alguma forma de fazê-lo, eu irei aguardar, caso contrário dou o tópico como encerrado.
zHugh

zHugh
Usuário destaque

Masculino
Inscrito dia : 30/03/2010
Mensagens : 736
Pontos Ativos : 1190

Ver perfil do usuário http://superonzerpg.forumeiros.net/

Atendido / Resolvido Re: Spoiler deslizante

Mensagem por Pedxz em 01.10.18 20:31

Não consigo fazer mais nada infelizmente, visto que o spoiler não é editável, via template, e às suas classes são limitadas.
Desculpe Triste


Tópico resolvido


Movido para "Questões resolvidas".
Pedxz

Pedxz
Moderadeiro
Moderadeiro

Masculino
Inscrito dia : 13/01/2017
Mensagens : 2526
Pontos Ativos : 3177

Ver perfil do usuário https://pedxz.forumeiros.com

Ver o tópico anterior Ver o tópico seguinte Voltar ao Topo


Permissão deste fórum:
Você não pode responder aos tópicos neste fórum