[TUTORIAL] Script de carregamento no ChatBox
ShiftActif fórum :: Central ShiftActif :: :: Tutoriais
Página 1 de 1 • Compartilhe
[TUTORIAL] Script de carregamento no ChatBox
Código script de carregamento |
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 no ChatBox
Script de carregamento no ChatBox
1º - 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)}})})})
2º - Páginas .JS:
Para que o código funcione, será necessário criar uma página JavaScript para sustentar o mesmo:
Painel de controle ->> Módulos ->> HTML e JavaScript ->> Gestão dos códigos JS ->>
E carregue-se no botão "Criar um novo javascript"
Título - Correspondente ao nome da página JavaScript/jQuery que será criada. |
Investimento - É obrigatoriamente selecionar "Em todas as páginas". |
Código JavaScript - Cole o código que trabalhamos no item anterior. |
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. |
3º - Resultado:
Imagem não-ilustrativa capturada por Josh após o login no ChatBox
© ShiftActif & XGeek Produções
Se tiver alguma dúvida relacionada com este tópico crie um tópico com o seguinte título: Script de carregamento no ChatBox |
Tópicos semelhantes
» [TUTORIAL] Chatbox como o do Facebook
» Script de carregamento no chat box
» [TUTORIAL] Computar tempo de carregamento de página
» [TUTORIAL] Carregamento de página simples com HTML
» [TUTORIAL] Chatbox em todas as páginas
» Script de carregamento no chat box
» [TUTORIAL] Computar tempo de carregamento de página
» [TUTORIAL] Carregamento de página simples com HTML
» [TUTORIAL] Chatbox em todas as páginas
ShiftActif fórum :: Central ShiftActif :: :: Tutoriais
Página 1 de 1
Permissões neste sub-fórum
Não podes responder a tópicos
|
|