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
» Instalação do Topic'It
Hoje à(s) 04:58 am por AlexG

» Como colocar essa tabela
Hoje à(s) 04:50 am por AlexG

» Banner de area nova animais silvestres
Hoje à(s) 01:00 am por EDU2010

» Ranks forum
Ontem à(s) 09:44 pm por Gustavor

» Níveis de reputação
Ontem à(s) 09:22 pm por Taxy_InSaniTy

» Citação não aparece nome de usuário
Ontem à(s) 09:16 pm por iScroll

» Não consigo alterar essa cor
Ontem à(s) 09:09 pm por Luiz

Perdi minha senha!
Você precisa recuperar sua senha?
Clique aqui
Instale agora o aplicativo Topic'it e acesse o suporte de Forumeiros pelo celular.
Quem está conectado
189 usuários online :: 1 usuário cadastrado, Nenhum Invisível e 188 Visitantes :: 1 Motor de busca

AlexG

[ 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 : 1121
Pontos Ativos : 1509

Ver perfil do usuário http://testealrpg.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.
Seja cordial e respeite o tempo dos voluntários para atender o seu pedido.
Luiz — Ajudeiro
avatar

Luiz
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 22/04/2016
Mensagens : 4268
Pontos Ativos : 4893

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 : 1121
Pontos Ativos : 1509

Ver perfil do usuário http://testealrpg.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.
Seja cordial e respeite o tempo dos voluntários para atender o seu pedido.
Luiz — Ajudeiro
avatar

Luiz
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 22/04/2016
Mensagens : 4268
Pontos Ativos : 4893

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 : 1121
Pontos Ativos : 1509

Ver perfil do usuário http://testealrpg.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.
Seja cordial e respeite o tempo dos voluntários para atender o seu pedido.
Luiz — Ajudeiro
avatar

Luiz
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 22/04/2016
Mensagens : 4268
Pontos Ativos : 4893

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 : 1121
Pontos Ativos : 1509

Ver perfil do usuário http://testealrpg.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.
Seja cordial e respeite o tempo dos voluntários para atender o seu pedido.
Luiz — Ajudeiro
avatar

Luiz
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 22/04/2016
Mensagens : 4268
Pontos Ativos : 4893

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 : 1121
Pontos Ativos : 1509

Ver perfil do usuário http://testealrpg.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.
Seja cordial e respeite o tempo dos voluntários para atender o seu pedido.
Luiz — Ajudeiro
avatar

Luiz
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 22/04/2016
Mensagens : 4268
Pontos Ativos : 4893

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 : 1121
Pontos Ativos : 1509

Ver perfil do usuário http://testealrpg.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.
Seja cordial e respeite o tempo dos voluntários para atender o seu pedido.
Luiz — Ajudeiro
avatar

Luiz
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 22/04/2016
Mensagens : 4268
Pontos Ativos : 4893

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

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

- Tópicos similares

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