Como colocar esse tipo de carregamento no fórum

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

Resolvido Como colocar esse tipo de carregamento no fórum

Mensagem por gabeahero em 17/01/14, 02:11 pm

Qual é minha questão:
Eu gostaria de colar esse tipo de carregamento que quando clica aparece tipo aquela imagem em gif etc...

Print do que estou falando : http://i.imgur.com/5rfi9rn.png

Atenciosamente gabeahero

Endereço do meu fórum:
http://narutorpglegendaryne.forumeiros.com

Versão do fórum:
PUNBB


Última edição por gabeahero em 17/01/14, 02:24 pm, editado 1 vez(es)
avatar

gabeahero
Nível 9

Masculino
Inscrito dia : 29/10/2012
Mensagens : 182
Pontos Ativos : 329

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

Resolvido Re: Como colocar esse tipo de carregamento no fórum

Mensagem por iPrompt em 17/01/14, 02:18 pm

Olá,

Crie um novo JS com investimento em todas as paginas com este código

Código:
        jQuery(function(){jQuery('body').prepend('<div id="ajax_loading" style=""><img src="http://i.imgur.com/gygr8wi.gif" alt="Loading..."></div>');jQuery('a').click(function(){jQuery('#ajax_loading').slideDown();setTimeout('load()',2500)})});function load(){jQuery('#ajax_loading').slideUp('1500')}setTimeout('load()',2500);

Depois adiciona este código em sua Folha de estilo CSS

Código:
        /*ajax load*/
        #ajax_loading {background: #000;color: #fff;text-align: center;padding: 5px 0 8px;width: 8%;top: 0px;left: 46%;-moz-border-radius: 0 0 5px 5px;-webkit-border-bottom-right-radius: 5px;-webkit-border-bottom-left-radius: 5px;border-radius: 0 0 5px 5px;z-index: 999;position: fixed;-moz-box-shadow: 0px 3px 5px rgba(0,0,0,0.2);-webkit-box-shadow: 0px 3px 5px rgba(0,0,0,0.2);box-shadow: 0px 3px 5px rgba(0,0,0,0.2);opacity: 0.6;}

Até
avatar

iPrompt
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 10/02/2012
Mensagens : 5364
Pontos Ativos : 6851

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

Resolvido Re: Como colocar esse tipo de carregamento no fórum

Mensagem por gabeahero em 17/01/14, 02:24 pm

resolvido muito obrigado Quakeline-sama >< sempre me ajudando.
avatar

gabeahero
Nível 9

Masculino
Inscrito dia : 29/10/2012
Mensagens : 182
Pontos Ativos : 329

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

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