Staffer Group BR™

Fórum interativo totalmente gratuito!

/* Widget *//* Resposta rápida bloqueada */
Cadastre-se
→ Crie a sua conta

 VisualizaçõesPermissão deste fórum:
Você não pode responder aos tópicos neste fórum


CurtirDiretório deste fórum:
Fóruns » Principal »  » Tutoriais » Tutoriais sobre programação

#1
 Chorão

avatar
Membro
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


Desenvolvido por Master Publicitário | Wesley
Editado e Postado por Copyright® 2012 Staffer Group BR™
Ver perfil do usuário

#2
 D'Leandro™

avatar
Fundador
Olá!

Parece divertido, irei testar logo depois aprovar...

Até mais.

@Edit: Infuncional em PhpBB3, Aguardando testes em outras versões.
Ver perfil do usuário

#3
 Chorão

avatar
Membro
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
Ver perfil do usuário

#4
 D'Leandro™

avatar
Fundador
Olá!

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

Tutorial Aceito;
Este tutorial foi aceito e movido para a área correspondente!


Até mais.
Ver perfil do usuário

#5
 Jose Hamizaki

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

PS: Testei na versão que eu mencionei acima e funcionou perfeitamente!
Ver perfil do usuário

#6
 Mr.GamingPT

avatar
Membro
uo
Ver perfil do usuário

#7
 ~Rafra

avatar
Membro
Olá,
Irei resrar ;)
Ver perfil do usuário

#8
 Zoster

avatar
Membro
Comentando para ver código
Ver perfil do usuário

#9
 Nandook

avatar
Novato
bom parabenns
Ver perfil do usuário

#10
 Conteúdo patrocinado