ShiftActif fórum

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

Participe da melhor comunidade sobre fóruns!

Bem vindo [TUTORIAL] Modo Fade in nas caixas de respostas rápidas (PHPBB3 E PUNBB) 405374159 ao fórum de suporte e de informações técnicas ShiftActif. Aqui, solucionamos suas dúvidas sobre os tutoriais exclusivos fornecidos pela nosso subfórum de tutoriais além de suporte opcional ao Forumeiros.com, Blogger e temas grátis do Criarumblog.com! Você encontrará FAQs, astúcias em códigos e efeitos especiais em CSS, Javascript e outros para complementar seu fórum ou Blog!
Venha participar desta grande comunidade!!! [TUTORIAL] Modo Fade in nas caixas de respostas rápidas (PHPBB3 E PUNBB) 1660898911

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

Ir em baixo

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

Mensagem por Shek em Qua 29 Ago - 13:55


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

Modo Fade in nas caixas de respostas rápidas


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



- 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 >>
[TUTORIAL] Modo Fade in nas caixas de respostas rápidas (PHPBB3 E PUNBB) Painel13
[TUTORIAL] Modo Fade in nas caixas de respostas rápidas (PHPBB3 E PUNBB) 110111Arrow Título Correspondente ao nome da página JavaScript/jQuery que será criada.
[TUTORIAL] Modo Fade in nas caixas de respostas rápidas (PHPBB3 E PUNBB) 110210Arrow 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.
[TUTORIAL] Modo Fade in nas caixas de respostas rápidas (PHPBB3 E PUNBB) 110310Arrow Código JavaScript Campo destinado para receber os códigos JavaScript e jQuery.
[TUTORIAL] Modo Fade in nas caixas de respostas rápidas (PHPBB3 E PUNBB) 110410Arrow 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.


- 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
    [TUTORIAL] Modo Fade in nas caixas de respostas rápidas (PHPBB3 E PUNBB) 0110
    [TUTORIAL] Modo Fade in nas caixas de respostas rápidas (PHPBB3 E PUNBB) 0210





© ShiftActif


[TUTORIAL] Modo Fade in nas caixas de respostas rápidas (PHPBB3 E PUNBB) Act_bottom 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
Shek
Shek
Administrador

Masculino
Idade : 25
PointActif's : 5701
ReputActifs : 97
Mensagens : 2715
Inscrição : 13/04/2011

Localização : Vilhena - RO
100%

http://www.shiftactif.com/

Voltar ao Topo Ir em baixo

Voltar ao Topo

- Tópicos similares

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