#1   em 06/07/11, 01:25 am


'Leozin


A Place For My Head
A Place For My Head
avatar
[TUTORIAL] Script de carregamento
Código script de carregamento
Muitas vezes queremos adicionar imagens os até textos em nossos fórum enquanto a página é carregada, como uma mensagem de aguarde ou uma imagem intuitiva. Este código tem este efeito.



--> Tutoriais e astúcias <--
Código script de carregamento




1º - Código que deve ser utilizado:
O código é bem simples. No próximo ponto iremos explicar onde o mesmo poderá ser colocado, mas de maneira geral é em qualquer local que aceite códigos HTML.

O código para o carregamento que iremos utilizar é:
language="JavaScript">document.write('
id="loadings">MENSAGEM

ENDEREÇO_DA_IMAGEM
">
');window.onload=function()

{document.getElementById("loadings").style.display="none";}
Vermelho -> Deverá substituir pelo endereço da imagem que deseja enquanto a página é carregada.
Verde -> Deverá substituir pela mensagem que deseja que apareça enquanto a página está sendo carregada.



2º - Locais em que este código pode ser utilizado:
Em geral, em qualquer lugar que aceite códigos HTML. Mas, para facilitar, trouxemos uma lista deles:

  1. Mensagem da Home Page:
    Painel de Controle -> Visualização -> Home Page -> Geral -> "Mensagem da Home Page"
  2. Widgets (em todos que são possíveis de criar ou modificar):
    Painel de Controle -> Módulos -> Portal & Widgets -> Configuração do portal -> Estrutura
    ou
    Painel de Controle -> Módulos -> Portal & Widgets -> Gestão dos widgets do fórum
  3. Newsletter's (modo HTML)
    Painel de Controle -> Geral -> Newsletter -> Redação e envio
  4. Mensagens Privadas (MP) e mensagens (com HTML ativado para as mensagens) Só terá efeito na determinada mensagem!


3º - O resultado final:
(carregue na imagem para aumentar)

--> FAQ do Tutorial <--
Código script de carregamento




Quais imagens de carregamento posso usar?
Pode usar a que desejar, mas deixamos aqui algumas de exemplo:
Código:
http://i53.tinypic.com/1e1fex.gif
Código:
http://i51.tinypic.com/wsnrjt.jpg