Mensagens: 0
-
Alterar
-
Ver
-
Tópicos e mensagens
Últimos assuntos
Quem está conectado?
Há 1 usuário online :: 0 registrados, 0 invisíveis e 1 visitante Nenhum
[ Ver toda a lista ]
O recorde de usuários online foi de 9 em Sáb Jul 06, 2013 10:31 am
Estatísticas
Temos 14 usuários registradosO último membro registrado é xBreninho_.
Os nossos membros postaram um total de 11 mensagens em 8 assuntos
[TUTORIAL] Script de carregamento no ChatBox
Visualizações dicas para aparençia do fórum :: Suporte ao Usuário e você :: :: Perguntas e respostas frequentes
Página 1 de 1 • Compartilhe
[TUTORIAL] Script de carregamento no ChatBox
[Apenas Administradores podem visualizar imagens]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
Script de carregamento na 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"
[Apenas Administradores podem visualizar imagens]
Título -Correspondente ao nome da página JavaScript/jQuery que será criada.
[Apenas Administradores podem visualizar imagens]Investimento -É obrigatoriamente selecionar "Em todas as páginas".
[Apenas Administradores podem visualizar imagens]Código JavaScript - Cole o código que trabalhamos no item anterior.
[Apenas Administradores podem visualizar imagens]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:
[Apenas Administradores podem visualizar imagens]
Imagem não-ilustrativa capturada por Delirios após o login no ChatBox
Imagem não-ilustrativa capturada por Delirios após o login no ChatBox
© Tutoriais dicas fórum
[Apenas Administradores podem visualizar imagens]
Se tiver alguma dúvida relacionada com este tópico crie um tópico com o seguinte título:Script de carregamento na chatbox
Tópicos semelhantes
» [TUTORIAL] Construir um painel de usuário (atalhos)
» [TUTORIAL] Adicionar efeito ao passar o mouse por cima da avatar
» [TUTORIAL] Adicionar efeito ao passar o mouse por cima da avatar
Visualizações dicas para aparençia do fórum :: Suporte ao Usuário e você :: :: Perguntas e respostas frequentes
Página 1 de 1
Permissões neste sub-fórum
Não podes responder a tópicos
|
|
Qua Out 03, 2012 10:01 pm por Delirios
» [TUTORIAL] Adicionar efeito ao passar o mouse por cima da avatar
Ter Out 02, 2012 11:24 pm por Delirios
» [TUTORIAL] Construir um painel de usuário (atalhos)
Ter Out 02, 2012 10:57 pm por Delirios
» [TUTORIAL] Script de carregamento no ChatBox
Ter Out 02, 2012 10:47 pm por Delirios
» Como permitir ao usuários poder posta links & e-mails!
Seg Out 01, 2012 12:55 am por Delirios
» [FAQ] Modificar os ícones do fórum
Seg Out 01, 2012 12:31 am por Delirios
» Regras do fórum Suporte!
Seg Out 01, 2012 12:08 am por Delirios