[TUTORIAL] Script de carregamento

Ver o tópico anterior Ver o tópico seguinte Ir em baixo

  • 0

[TUTORIAL] Script de carregamento

Mensagem por Griever em 27/03/11, 06:03 pm

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





    © Fórum dos Fóruns & Nicker



    Se tiver alguma dúvida relacionada com este tópico crie um tópico com o seguinte título:
    Código script de carregamento
    avatar

    Griever
    Ex-Admineiro
    Ex-Admineiro

    Masculino
    Inscrito dia : 17/07/2008
    Mensagens : 4441
    Pontos Ativos : 8263

    Ver perfil do usuário

    Ver o tópico anterior Ver o tópico seguinte Voltar ao Topo


    Permissão deste fórum:
    Você não pode responder aos tópicos neste fórum