TUTORIALCarregamento do chatbox

Descrição

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.

Funcionalidade: PunBB, PhpBB2, PhpBB3, Invision.

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

Olá!

Parece divertido, irei testar logo depois aprovar...

Até mais.

@Edit: Infuncional em PhpBB3, Aguardando testes em outras versões.

D'Leandro™:
@Edit: Infuncional em PhpBB3, Aguardando testes em outras versões.

Não é Verdade eu Usei ele no meu Fórum PhpBB3e Funciono Direitinho!
Reveja o seu teste! =D

Olá!

Acabo de lembrar que o SGBR™ está "bugado".



Até mais.

Irei tentar ele e digo se funciona perfeito na versão PunBB.

PS: Testei na versão que eu mencionei acima e funcionou perfeitamente!

uo

Olá,
Irei resrar ;)

Comentando para ver código

bom parabenns