[TUTORIAL] Script de carregamento no ChatBox

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

  • 0

[TUTORIAL] Script de carregamento no ChatBox Empty [TUTORIAL] Script de carregamento no ChatBox

Mensagem por Josh Seg 6 Ago 2012 - 20:38

[TUTORIAL] Script de carregamento no ChatBox Portail Script de carregamento na chatbox

Muitas vezes queremos adicionar imagens os até textos em nossos fórum enquanto a página é carregada, desta vez iremos aprender com este tutorial á inserir o efeito dentro da chatbox enquanto a página é carregada.

--> Tutoriais e astúcias <--
Script de carregamento na chatbox




- Conhecendo o código:
Código:
jQuery(document).ready(function(){jQuery('#frame_chatbox').parent().html('<iframe src=/chatbox width=100% height=100% id=frame_chatbox scrolling=no frameborder=0 marginwidth=0 marginheight=0></iframe>');jQuery('#frame_chatbox').load(function(){jQuery('#frame_chatbox').contents().find('#chatbox_option_co,#chatbox_option_disco').click(function(){if(jQuery('#frame_chatbox').contents().find('#chatbox_header #chatbox_option_disco').css('display')=='none'){jQuery('#frame_chatbox').contents().find('#chatbox').before('<div id=fadechat style=z-index:1!important;text-align:center;background-color:#FFFFFF;width:100%;height:100%;position:absolute;top:0px;left:0px><span class=user-msg><span class=user><br><br><br><br><img src=http://2img.net/i/fa/admin/icones/big_ico/warning.png><br><b>Bem vindo ao chatbox!</b><br>Carregando...</span></span></div>');window.setTimeout(function(){jQuery('#frame_chatbox').contents().find('#fadechat').fadeOut('slow')},2000)}})})})

- Aplicação do código:
Aceda à:
Painel de controle -> Módulos -> HTML & JavaScript -> Gestão dos códigos JavaScripts
[TUTORIAL] Script de carregamento no ChatBox Painel13
[TUTORIAL] Script de carregamento no ChatBox 110111Seta Título Correspondente ao nome da página JavaScript/jQuery que será criada.
[TUTORIAL] Script de carregamento no ChatBox 110210Seta Localização- São destinados os devidos locais para onde você aplicará os efeitos do JavaScript nos fóruns. No nosso caso, aplicaremos Em todas as páginas.
[TUTORIAL] Script de carregamento no ChatBox 110310Seta Código JavaScript Campo destinado para receber o código JavaScript criado anteriormente.
[TUTORIAL] Script de carregamento no ChatBox 110410Seta 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.

  • Resultado:
    [TUTORIAL] Script de carregamento no ChatBox 4da3c885f8e64d88b475382a67b621b2




© Fórum dos fóruns


[TUTORIAL] Script de carregamento no ChatBox Act_bottom Se tiver alguma dúvida relacionada com este tópico crie um tópico com o seguinte título:
Script de carregamento na chatbox
Josh

Josh
Super Membro

Membro desde : 03/03/2012
Mensagens : 1170
Pontos : 1512

Ir para o topo Ir para baixo

Ver o tópico anterior Ver o tópico seguinte Ir para o topo

- Tópicos semelhantes

Permissões neste sub-fórum
Não podes responder a tópicos