Adicionar efeito no spoiler
2 participantes
Fórum dos Fóruns :: Ajuda e atendimento ao utilizador :: Questões sobre códigos :: Questões resolvidas sobre HTML e BBCode
Página 1 de 1 • Compartilhe
Adicionar efeito no spoiler
Qual é minha questão:
Vou dar um exemplo: aqui no forum FdF mesmo, sabe ali na setinha que quando clica oculta o widget? Ele faz um efeito (uma animação) que vai se retraindo até sumir, e depois novamente vai se expandindo até aparecer. Eu queria esse efeito no spoiler (que no caso seria para baixo), alguém sabe como fazer?
Endereço do meu fórum:
http://www.fanfictionunited.com.br
Versão do fórum:
PHPBB2
Vou dar um exemplo: aqui no forum FdF mesmo, sabe ali na setinha que quando clica oculta o widget? Ele faz um efeito (uma animação) que vai se retraindo até sumir, e depois novamente vai se expandindo até aparecer. Eu queria esse efeito no spoiler (que no caso seria para baixo), alguém sabe como fazer?
Endereço do meu fórum:
http://www.fanfictionunited.com.br
Versão do fórum:
PHPBB2
Re: Adicionar efeito no spoiler
Olá!
Aceda em:<br />
Titulo: Qualquer um.
Investimento: Nos tópicos.
Codigo: Bote o codigo acima.
Até mais.
Aceda em:<br />
Painel de Controle Módulos HTML & JAVASCRIPT Gestão dos Códigos JavaScript Criar um novo código Javascript
- Código:
$(document).ready(function(){
jQuery(".spoiler_content").css("display","block");
jQuery(".spoiler_content").hide();
$("dl.codebox.spoiler dt").click(function(){ $(this).parents("dl.codebox.spoiler").find(".spoiler_content").slideToggle("slow");
});
});
Titulo: Qualquer um.
Investimento: Nos tópicos.
Codigo: Bote o codigo acima.
Até mais.
Re: Adicionar efeito no spoiler
Olá, Crazy. Eu adicionei o script mas ele não fez o efeito e agora nem mostra o conteúdo do spoiler. Pode dar uma olhada?
EDIT:
Se olhar o efeito de quando clica ali em "Fóruns de suporte oficiais" tem o efeito que quero e o código dele é esse:
Mas como colocá-lo para o spoiler?
EDIT:
Se olhar o efeito de quando clica ali em "Fóruns de suporte oficiais" tem o efeito que quero e o código dele é esse:
- Código:
<a href="javascript:" id="forunslist" onclick="jQuery('#toggle1').animate({width:'toggle',height:'toggle',opacity:'toggle'},800);jQuery('#toggle2').animate({width:'0px',height:'0px',opacity:'0%',display:'block',width:'toggle',height:'toggle',opacity:'toggle'},800)"><img src="http://im0.all-up.com/i/img/puce_fleche.png"> Fóruns de suporte oficiais</a>
Mas como colocá-lo para o spoiler?
Tópicos semelhantes
» Efeito no nome dos adm's e spoiler
» Efeito spoiler nos perfis
» Tirar efeito sombra de quote e spoiler
» Como adicionar este efeito?
» Adicionar efeito ao nome de usuário
» Efeito spoiler nos perfis
» Tirar efeito sombra de quote e spoiler
» Como adicionar este efeito?
» Adicionar efeito ao nome de usuário
Fórum dos Fóruns :: Ajuda e atendimento ao utilizador :: Questões sobre códigos :: Questões resolvidas sobre HTML e BBCode
Página 1 de 1
Permissões neste sub-fórum
Não podes responder a tópicos