Imagem de carregamento

Em sites com toques profissionais encontramos scripts interessantes de quando clicamos em um link que redireciona para outra página emite um efeito "carregando". Neste tutorial vamos usar um efeito Jquery especial que vai reproduzir este efeito.

--> Tutoriais, dicas e astúcias <--
Função de carregamento em páginas

1º - Noção da função páginas javascript:
Para que seja possível proceguir é importante que saiba que precisamos ter conhecimento básico sobre a função Página javascript que temos em nosso painel de controle.

Painel de controle >> Módulos >> HTML & JavaScript >> Gestão dos códigos JavaScripts >>

Título - Correspondente ao nome da página JavaScript/jQuery que será criada.

Localização - São destinados os devidos locais para onde você aplicará os efeitos do JavaScript nos fóruns. Pode ser na galeria, nos fóruns ou sub-fóruns. Vamos ver algumas opções: No índice : O código será aplicado ao índice do fórum. No portal : O código será aplicado ao Portal do fórum. Nos sub-fóruns (Fóruns) : O código será aplicado nos Fóruns e Sub-fóruns. Sobre os temas : O código será aplicado aos tópicos do fórum. Na galeria : O código será aplicado na sua Galeria de imagens. Em todas as páginas : O código será aplicado em todas as páginas do fórum.

Código JavaScript - Campo destinado para receber os códigos JavaScript e jQuery.

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.

Clique no botão "Criar um novo javascript" para passar-mos para o próximo passo.

2º - Modificações no código Jquery exebido:
Com a página de javascript aberta em seu painel de controle, teremos que adicionar um Jquery ao qual fará com que uma imagem seja exibida a cada carregamento de página, caso não tenha compreendido explicaremos logo mais nas questões no fim deste tutorial.
Em 'Investimento', marque para o efeito ser reproduzido "Em todas as páginas".

;jQuery(document).ready(function(){jQuery('body').before('<div class=pagcarreg style="text-align:center"><style>html{background-image:url(IMAGEM_DE_FUNDO)}</style><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><img src="IMAGEM_DE_CARREGAMENTO" border=0></div>');jQuery('body').hide()});window.onload=function(){jQuery('body').show();jQuery('.pagcarreg').remove()};

Depois de personalizar como desejar, basta confirmar a nova página .JS e verificar o resultado no fórum na transferencia de uma página para outra.

Se precisar de imagens para o carregamento, você poderá buscar imagens no Google Imagens com o título "Carregamento.gif". Se preferir, Forumeiros tem imgens de carregamento, mas para obter basta copiar o endereço no seguinte tutorial: Script de carregamento.

• É possível ter um Jquery que não mostre imagem de fundo?
  Sim, claro! Substitua/adicione o código abaixo em sua página .JS:
  

  ;jQuery(document).ready(function(){jQuery('body').before('<div class=pagcarreg style="text-align:center"><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><img src="IMAGEM_DE_CARREGAMENTO" border=0></div>');jQuery('body').hide()});window.onload=function(){jQuery('body').show();jQuery('.pagcarreg').hide()};

• Onde encontro mais imagens de carregamento como Forumeiros?
  Se preferir, Forumeiros tem imgens de carregamento, mas para obter basta copiar o endereço no seguinte tutorial: Script de carregamento.
  
  Não resultou. Existe outro local para adicionar o código?
  Sim. Neste momento poderá recorrer as páginas HTML:
  [spoiler]1º - Criar uma página HTML para sustentar o código:
  Para que possamos adicionar o código, teremos de criar uma página HTML, que será onde o script ficará. Para isso é necessário aceder à:
  Painel de controle -> Módulos -> HTML -> Gestão das páginas HTML
  
  
  

  Título - Pode colocar o título que quiser para a página, não irá afetar em nada.

  Você deseja utilizar o início e o final da página do seu fórum ? - Esta terá de ser obrigatóriamente não. Caso marque-a, o código não irá funcionar adequadamente.

  Usar esta página como página inicial? - Esta também deverá estar marcada como não, apesar de que não influencia em nada o código.

  Código HTML - Coloque aqui o código que trabalhamos no item anterior.

  Após criada a página, deverá salvar e carregar novamente em "Gestão das páginas HTML", onde iremos recuperar o endereço da página criada, para usarmos no próximo ponto.
  
  
  
  
  Terá de encontrar a página HTML que criou e copiar o endereço da mesma. Em vermelho na imagem abaixo está o que deve copiar da página que criou! Por padrão esta será a primeira da lista (isso se for a última a ser criada e se não alterou a ordem de exibição).
  
  
  
  
  
  
  2º - Inserir o código para que funcione em todas as páginas do fórum:
  Devemos colocá-lo em um campo que seja mostrado em todas as páginas, como somente há um campo que se encaixe neste requisito, a descrição do seu fórum será comprometida com este código. Pode manter ambos em funcionamento, para isso basta separar o código da descrição.
  
  Para adicionar o código aceda à:
  Painel de Controle -> Geral -> Fórum -> Configurações
  
  Ele deverá ser adicionado ao campo "Descrição do site". Caso encontre códigos nesta área, deverá colá-lo primeiro, antes de tudo mais que possa existir neste campo.
  
  
  
  
  O código será:

  <script src="ENDERECO-DA-PAGINA-HTML"></script>

  Por exemplo, no FdF:

  <script src="https://ajuda.forumeiros.com/h1-codigo"></script>

  ---

  
  
  © Fórum dos Fóruns