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, 05:49 pm

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
avatar

zHugh
Usuário destaque

Masculino
Inscrito dia : 30/03/2010
Mensagens : 733
Pontos Ativos : 1183

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

Atendido / Resolvido Re: Spoiler deslizante

Mensagem por zHugh em 25/09/18, 12:12 pm

upzinho
avatar

zHugh
Usuário destaque

Masculino
Inscrito dia : 30/03/2010
Mensagens : 733
Pontos Ativos : 1183

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

Atendido / Resolvido Re: Spoiler deslizante

Mensagem por Pedxz em 25/09/18, 04:05 pm

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'


Fórum dos Fóruns
Fórum de suporte Forumeiros
Leia as Regras do Fórum dos Fóruns.
Alguns setores possuem regras específicas.
Verifique se sua questão já não foi respondida.
Pedxz - Ajudeiro Voluntário  2007 Forumeiros

avatar

Pedxz
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 13/01/2017
Mensagens : 1784
Pontos Ativos : 2299

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

Atendido / Resolvido Re: Spoiler deslizante

Mensagem por zHugh em 25/09/18, 08:32 pm

Olá, não resultou :<
avatar

zHugh
Usuário destaque

Masculino
Inscrito dia : 30/03/2010
Mensagens : 733
Pontos Ativos : 1183

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

Atendido / Resolvido Re: Spoiler deslizante

Mensagem por zHugh em 29/09/18, 09:41 am

Up pra não fecharem
avatar

zHugh
Usuário destaque

Masculino
Inscrito dia : 30/03/2010
Mensagens : 733
Pontos Ativos : 1183

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

Atendido / Resolvido Re: Spoiler deslizante

Mensagem por Pedxz em 29/09/18, 10:39 am

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;
}


Fórum dos Fóruns
Fórum de suporte Forumeiros
Leia as Regras do Fórum dos Fóruns.
Alguns setores possuem regras específicas.
Verifique se sua questão já não foi respondida.
Pedxz - Ajudeiro Voluntário  2007 Forumeiros

avatar

Pedxz
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 13/01/2017
Mensagens : 1784
Pontos Ativos : 2299

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

Atendido / Resolvido Re: Spoiler deslizante

Mensagem por zHugh em 30/09/18, 05:46 pm

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

zHugh
Usuário destaque

Masculino
Inscrito dia : 30/03/2010
Mensagens : 733
Pontos Ativos : 1183

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

Atendido / Resolvido Re: Spoiler deslizante

Mensagem por Pedxz em 30/09/18, 06:03 pm

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;
}


Fórum dos Fóruns
Fórum de suporte Forumeiros
Leia as Regras do Fórum dos Fóruns.
Alguns setores possuem regras específicas.
Verifique se sua questão já não foi respondida.
Pedxz - Ajudeiro Voluntário  2007 Forumeiros

avatar

Pedxz
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 13/01/2017
Mensagens : 1784
Pontos Ativos : 2299

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

Atendido / Resolvido Re: Spoiler deslizante

Mensagem por zHugh em 01/10/18, 12:00 pm

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

zHugh
Usuário destaque

Masculino
Inscrito dia : 30/03/2010
Mensagens : 733
Pontos Ativos : 1183

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

Atendido / Resolvido Re: Spoiler deslizante

Mensagem por Pedxz em 01/10/18, 04:31 pm

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


Fórum dos Fóruns
Fórum de suporte Forumeiros
Leia as Regras do Fórum dos Fóruns.
Alguns setores possuem regras específicas.
Verifique se sua questão já não foi respondida.
Pedxz - Ajudeiro Voluntário  2007 Forumeiros

avatar

Pedxz
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 13/01/2017
Mensagens : 1784
Pontos Ativos : 2299

Ver perfil do usuário https://ajuda.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