[TUTORIAL] Script de carregamento

Ir para baixo

[TUTORIAL] Script de carregamento Empty [TUTORIAL] Script de carregamento

Mensagem por Griever 27.03.11 22:03

[TUTORIAL] Script de carregamento Magic 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




- 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 é:
<center><script language="JavaScript">document.write('<div id="loadings"><font style="font-family: Verdana;" size="5">MENSAGEM</font><br><br><img src="ENDEREÇO_DA_IMAGEM"></div>');window.onload=function() {document.getElementById("loadings").style.display="none";}</script></center>
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.



- 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!


- O resultado final:
(carregue na imagem para aumentar)
[TUTORIAL] Script de carregamento Carreg10
--> 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:
    [TUTORIAL] Script de carregamento 1e1fex
    Código:
    http://i53.tinypic.com/1e1fex.gif
    [TUTORIAL] Script de carregamento Wsnrjt
    Código:
    http://i51.tinypic.com/wsnrjt.jpg





    © Fórum dos Fóruns & Nicker



    [TUTORIAL] Script de carregamento Act_bottom Se tiver alguma dúvida relacionada com este tópico crie um tópico com o seguinte título:
    Código script de carregamento
    Griever
    Griever
    Hiper Membro

    Membro desde : 17/07/2008
    Mensagens : 4441
    Pontos : 8258

    Ir para o topo Ir para baixo

    Ir para o topo


     
    Permissões neste sub-fórum
    Não podes responder a tópicos