Fórum dos Fóruns

Fórum dos Fóruns Forumeiros

Welcome FdF Bem-vindo ao fórum de suporte Forumeiros  Muito feliz


Para aproveitar tudo o que o nosso fórum lhe oferece, agradecemos que se identifique, se já é nosso membro, ou que se junte à nossa comunidade, fazendo o seu registo.
Conectar-se

Esqueci minha senha

Últimos assuntos
Perdi minha senha!
Você precisa recuperar sua senha?
Clique aqui
Os membros mais ativos da semana
Luiz
 
Gaaratsu
 
iScroll
 
Daniel Yan
 
Ketholy
 
Lost154
 
Shek
 
ranzatti
 
Eduardo Lima
 
cocas20
 

Quem está conectado
267 usuários online :: 13 usuários cadastrados, 1 Invisível e 253 Visitantes :: 3 Motores de busca

banzé, Daniel Yan, Deimon_Phoenix, Guzonaro, Holkis, iScroll, juleic1123, Koizumi Bia, Lincoln, Lost154, Luiz, nelomota, odelgado

[ Ver toda a lista ]


O recorde de usuários online foi de 3131 em 24/12/09, 01:05 pm

Script carregamento

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

Resolvido Script carregamento

Mensagem por iScroll em 16/05/17, 09:21 pm

Detalhes da questão


Endereço do fórum: http://www.brasilplayultimate.com.br
Versão do fórum: PunBB

Descrição


Estava dando uma olhada nesse fórum e achei isso interessante: http://prntscr.com/f8osyj
Até então só tinha visto para foruns do IPB/IPS, seria possível fazer esse mesmo script?
Fórum : http://ortem.forumeiros.com/f1-seu-primeiro-forum
(OBS: Procurei na net e não encontrei nada parecido)
avatar

iScroll
Membro do Fórum

Masculino
Inscrito dia : 08/03/2015
Mensagens : 1563
Pontos Ativos : 2122

Ver perfil do usuário http://ultimatelife.forumeiros.com

Resolvido Re: Script carregamento

Mensagem por Luiz em 16/05/17, 09:28 pm

Olá,

Crie um novo JS com investimento em todas as páginas com o código:
Código:
(function ($) {
  'use strict';

  $(window).on('load', function () {
    $('#ajax_loading').hide();
  });
}(jQuery));

Feito isso, no seu template overall_header, abaixo da tag <body>, adicione:
Código:
<div id="ajax_loading" style="display: none;"><img src="http://i.imgur.com/gygr8wi.gif" alt="Loading..."></div>

E em seu CSS:
Código:
#ajax_loading {
  -moz-border-radius: 0 0 5px 5px;
  -moz-box-shadow: 0 3px 5px rgba(0,0,0,0.2);
  -webkit-border-bottom-left-radius: 5px;
  -webkit-border-bottom-right-radius: 5px;
  -webkit-box-shadow: 0 3px 5px rgba(0,0,0,0.2);
  background: #000;
  border-radius: 0 0 5px 5px;
  box-shadow: 0 3px 5px rgba(0,0,0,0.2);
  color: #fff;
  left: 46%;
  opacity: .6;
  padding: 5px 0 8px;
  position: fixed;
  text-align: center;
  top: 0;
  width: 8%;
  z-index: 9999;
  z-index: 98989989989898;
}

o/


Bem-vindo ao Fórum dos Fóruns!
Leia as regras do Fórum dos Fóruns e as regras do setor de suporte.
Antes de criar um tópico, verifique se sua questão já não foi respondida.
Se sua questão foi resolvida, marque-a clicando no botão resolvido para organizar o fórum.
Luiz — Ajudeiro
avatar

Luiz
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 22/04/2016
Mensagens : 5806
Pontos Ativos : 6646

Ver perfil do usuário https://github.com/lffg/

Resolvido Re: Script carregamento

Mensagem por iScroll em 17/05/17, 12:20 pm

Sem resultados :/
avatar

iScroll
Membro do Fórum

Masculino
Inscrito dia : 08/03/2015
Mensagens : 1563
Pontos Ativos : 2122

Ver perfil do usuário http://ultimatelife.forumeiros.com

Resolvido Re: Script carregamento

Mensagem por Luiz em 17/05/17, 12:56 pm

Troque o JS por este:
Código:
(function ($) {
  'use strict';
  $(function(){
    setTimeout(function(){$('#ajax_loading').hide();}, 3000);
  });
}(jQuery));

Deve resolver. o/


Bem-vindo ao Fórum dos Fóruns!
Leia as regras do Fórum dos Fóruns e as regras do setor de suporte.
Antes de criar um tópico, verifique se sua questão já não foi respondida.
Se sua questão foi resolvida, marque-a clicando no botão resolvido para organizar o fórum.
Luiz — Ajudeiro
avatar

Luiz
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 22/04/2016
Mensagens : 5806
Pontos Ativos : 6646

Ver perfil do usuário https://github.com/lffg/

Resolvido Re: Script carregamento

Mensagem por iScroll em 17/05/17, 01:29 pm

Ainda sem resultados :/
avatar

iScroll
Membro do Fórum

Masculino
Inscrito dia : 08/03/2015
Mensagens : 1563
Pontos Ativos : 2122

Ver perfil do usuário http://ultimatelife.forumeiros.com

Resolvido Re: Script carregamento

Mensagem por Luiz em 17/05/17, 01:40 pm

Claro:
Troque o código HTML por:
Código:
<div id="ajax_loading"><img src="http://i.imgur.com/gygr8wi.gif" alt="Loading..."></div>

o/


Bem-vindo ao Fórum dos Fóruns!
Leia as regras do Fórum dos Fóruns e as regras do setor de suporte.
Antes de criar um tópico, verifique se sua questão já não foi respondida.
Se sua questão foi resolvida, marque-a clicando no botão resolvido para organizar o fórum.
Luiz — Ajudeiro
avatar

Luiz
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 22/04/2016
Mensagens : 5806
Pontos Ativos : 6646

Ver perfil do usuário https://github.com/lffg/

Resolvido Re: Script carregamento

Mensagem por iScroll em 17/05/17, 04:11 pm

Beleza, mas ele está sumindo do nada, teria como aplicar um efeito tanto descendo para aparecer quanto subindo para sumir ?
avatar

iScroll
Membro do Fórum

Masculino
Inscrito dia : 08/03/2015
Mensagens : 1563
Pontos Ativos : 2122

Ver perfil do usuário http://ultimatelife.forumeiros.com

Resolvido Re: Script carregamento

Mensagem por Luiz em 17/05/17, 04:13 pm

Descendo não dá, visto que ele já tem que estar lá antes da página carregar.
Para ele subir quando terminar de carregar, troque por:
Código:
(function ($) {
  'use strict';
  $(function(){
    setTimeout(function(){$('#ajax_loading').css('top','-100px');}, 3000);
  });
}(jQuery));


Bem-vindo ao Fórum dos Fóruns!
Leia as regras do Fórum dos Fóruns e as regras do setor de suporte.
Antes de criar um tópico, verifique se sua questão já não foi respondida.
Se sua questão foi resolvida, marque-a clicando no botão resolvido para organizar o fórum.
Luiz — Ajudeiro
avatar

Luiz
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 22/04/2016
Mensagens : 5806
Pontos Ativos : 6646

Ver perfil do usuário https://github.com/lffg/

Resolvido Re: Script carregamento

Mensagem por iScroll em 17/05/17, 04:37 pm

Continua a mesma coisa, não mostra ele subindo, ou se mostra deve ser rápido. Creio que está faltando um transition aí, não ?
avatar

iScroll
Membro do Fórum

Masculino
Inscrito dia : 08/03/2015
Mensagens : 1563
Pontos Ativos : 2122

Ver perfil do usuário http://ultimatelife.forumeiros.com

Resolvido Re: Script carregamento

Mensagem por Luiz em 17/05/17, 04:49 pm

Sim, eu esqueci disso. Envergonhado
Pode adicionar no seu CSS:
Código:
#ajax_loading {
  transition: all ease 550ms;
}

o/


Bem-vindo ao Fórum dos Fóruns!
Leia as regras do Fórum dos Fóruns e as regras do setor de suporte.
Antes de criar um tópico, verifique se sua questão já não foi respondida.
Se sua questão foi resolvida, marque-a clicando no botão resolvido para organizar o fórum.
Luiz — Ajudeiro
avatar

Luiz
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 22/04/2016
Mensagens : 5806
Pontos Ativos : 6646

Ver perfil do usuário https://github.com/lffg/

Resolvido Re: Script carregamento

Mensagem por iScroll em 17/05/17, 05:13 pm

Boa meu garoto <3
Perfeito, obrigado.
Pode fechar Feliz
avatar

iScroll
Membro do Fórum

Masculino
Inscrito dia : 08/03/2015
Mensagens : 1563
Pontos Ativos : 2122

Ver perfil do usuário http://ultimatelife.forumeiros.com

Resolvido Re: Script carregamento

Mensagem por Luiz em 17/05/17, 05:28 pm

Questão marcada como Resolvida ou o Autor solicitou que ela fosse arquivada.
Tópico marcado como Resolvido e movido para Questões resolvidas.


Bem-vindo ao Fórum dos Fóruns!
Leia as regras do Fórum dos Fóruns e as regras do setor de suporte.
Antes de criar um tópico, verifique se sua questão já não foi respondida.
Se sua questão foi resolvida, marque-a clicando no botão resolvido para organizar o fórum.
Luiz — Ajudeiro
avatar

Luiz
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 22/04/2016
Mensagens : 5806
Pontos Ativos : 6646

Ver perfil do usuário https://github.com/lffg/

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