[Tutorial] Carregamento do Chatbox

**T-Lord**

Administrador

Mensagens : 9792
<b>Moedas</b>

Moedas : 234353
Reputação : 278

[Tutorial] Carregamento do Chatbox

Neste
tutorial vamos explicar, como adicionar a função de carregamento no
chatbox no seu fórum, espero que goste do tutorial, qual quer dúvida
vasta pedir aqui mesmo.

Funcional em Todas as Versões

--> Tutoriais, dicas e astúcias <--
[Tutorial] Carregamento do Chatbox

1º - Crie um novo JavaScript
Painel de Controle »» Módulos »» HTML & JavaScript »» Gestão dos códigos JavaScripts »» Criar um novo JavaScript

Investimento No Índice.

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://i51.tinypic.com/wsnrjt.jpg><br><br><b><font color="#86b125">Bem Vindo ao Chatbox !</font></b><br><font color="#00a4cd">Carregando...<font color="#86b125"></span></span></div>');window.setTimeout(function(){jQuery('#frame_chatbox').contents().find('#fadechat').fadeOut('slow')},2000)}})})})

2º - Resultado
[Tutorial] Carregamento do Chatbox 1_bmp31

1 [Tutorial] Carregamento do Chatbox Sex 19 Abr 2013 - 17:50