Staffer Group BR™

Fórum interativo totalmente gratuito!

/* Widget *//* Resposta rápida bloqueada */
Cadastre-se
→ Crie a sua conta

 VisualizaçõesPermissão deste fórum:
Você não pode responder aos tópicos neste fórum


CurtirDiretório deste fórum:
Fóruns » Principal »  » Tutoriais » Tutoriais sobre programação

#1
 D'Leandro™

avatar
Fundador
  [Tutorial] Loading Page (Todas as Versões)

Descrição
Estes códigos iram gerar um leitor de página (Loading Page) que ficará carregando em quanto entra no fórum.

Funcionalidade: PunBB, PhpBB2, PhpBB3, Invision, Blog e Site.

--> Código CSS <--
Painel de Controle Seta Visualização Imagens e Cores Seta Cores Seta Folha de estilo CSS

Coloque o código!
Código:
#louca {
    position: fixed;
    top: 49%;
    left: 46%;
    padding: 10px;
    background: #DCDCDC;
    border-radius: 22px;
    z-index: 999999999999999;
    text-align: center;
    box-shadow: 0px 0px 10px #000;
}

Clique em Validar

--> Widget Personalizado <--
Painel de Controle Seta Módulos Portal & Widgets Seta Gestão dos Widgets do Fórum
WP
Nome do widget : Opcional
Utilizar um table type : Não
Título do widget : Opcional
Fonte do widget * :

Cole o código!
Código:
<div id="louca"><img src="http://img23.imageshack.us/img23/8317/ajaxloadergj.gif" /><br>Carregando Aguarde...</div>

Clique em Salvar

--> Código JavaScript <--
Painel de Controle Seta Módulos HTML & JAVASCRIPT Seta Gestão dos Códigos JavaScript
Adicionar novo Códig
Título * : Opcional
Investimento : Em todas as paginas
Código JavaScript * :

Cóle o código abaixo!
Código:
$(document).ready(function() {
    $("#louca").fadeOut(1000);
});

Clique em
Confirmar

--> Resultado Final<--

Clique na imagem para visualizar ▲


Desenvolvido por D'Leandro™ | SGBR™
Editado e Postado por Copyright® 2012 Staffer Group BR™
Ver perfil do usuário

#2
 ®'Martins

avatar
Membro
Tutorial Aceito;
Este tutorial foi aceito e movido para a área correspondente!
Ver perfil do usuário

#3
 Mr.GamingPT

avatar
Membro
up
Ver perfil do usuário

#4
 JQuery

avatar
Membro
boas
Ver perfil do usuário

#5
 sivastar

avatar
Membro
good
Ver perfil do usuário

#6
 JQuery

avatar
Membro
up
Ver perfil do usuário

#7
 Bookmarlucas654

avatar
Membro
O que precisava <3
Ver perfil do usuário

#8
 Master Publicitario

avatar
Membro
Muito bom!
Ver perfil do usuário

#9
 Conteúdo patrocinado