[TUTORIAL] Modo Fade in nas caixas de respostas rápidas (PHPBB3 E PUNBB)

Com um pequeno código em Javascript, podemos adicionar um efeito chamado FAD IN e FAD OUT nas caixas de resposta rápida, assim como em fóruns pagos vBulletin. Ao clicar no nome "Caixa de resposta rápida", ela vai se abrir, dando um efeito de fad in, e ao fechá-la, o efeito de fad out.

--> Tutoriais <--
Modo Fade in nas caixas de respostas rápidas

1º - Noção básica da função:
As páginas javascript ativas em seu fórum possibilita inserir scripts e jquery para personalizar seu fórum, contudo é importante saber que qualquer script encontrado na internet acabam por não surgir efeito nos fóruns.

Painel de controle >> Módulos >> HTML & JavaScript >> Gestão dos códigos JavaScripts >>

Título Correspondente ao nome da página JavaScript/jQuery que será criada.

Localização- São destinados os devidos locais para onde você aplicará os efeitos do JavaScript nos fóruns. Pode ser na galeria, nos fóruns ou sub-fóruns. Vamos ver algumas opções: No índice : O código será aplicado ao índice do fórum. No portal : O código será aplicado ao Portal do fórum. Nos sub-fóruns (Fóruns) : O código será aplicado nos Fóruns e Sub-fóruns. Sobre os temas : O código será aplicado aos tópicos do fórum. Na galeria : O código será aplicado na sua Galeria de imagens. Em todas as páginas : O código será aplicado em todas as páginas do fórum.

Código JavaScript Campo destinado para receber os códigos JavaScript e jQuery.

Habilitar o gerenciamento dos códigos JavaScript Ao selecionar a opção sim, estará ativando a função páginas Javascript no seu fórum. Se selecionar não, as páginas serão desabilitadas no fórum.

2º - Propriedades do código:
Nosso código está disponível apenas para as versões PhpBB3 e PunBB. Você aplicará o efeito em uma página JS os seguintes códigos:

PUNBB:

jQuery(document).ready(function() {
$('body:has(".post")').addClass('topics');
$('a[name="quickreply"]').next(".h2").addClass("h2");
$('.topics .h2').text('Abrir caixa resposta rápida:');
$('.topics #quick_reply').hide();
$(".topics .h2").click(function() {
$(".topics #quick_reply").fadeToggle("slow", "linear");
});
});

PHPBB3:

jQuery(document).ready(function() {
$('body:has(".post")').addClass('topics');
$('a[name="quickreply"]').next(".h3").addClass("untoggle");
$('.topics .untoggle').text('Abrir caixa resposta rápida:');
$('.topics #quick_reply').hide();
$(".topics .untoggle").click(function() {
$(".topics #quick_reply").fadeToggle("slow", "linear");
});
});

A cor verde Forumeiros é o novo nome que será modificado quando o código estiver funcionandom, caso queira modificá-la. Caso não queira que seja modificado, você pode deletar o trecho $('.topics .untoggle').text('Abrir caixa resposta rápida:'); e continuar com o nome padrão.

• Imagens de resultado
  
  
  

---

© ShiftActif

Se tiver alguma dúvida relacionada com este tópico crie um tópico com o seguinte título: [Dúvida] Modo Fade in nas caixas de respostas rápidas