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
Página para site em manutençãoEste código exibe uma tela semi transparente que indica que o site está em manutenção no momento.
Versões de funcionamento: Todas as versões.

1º Passo - Criando o widget
Para criarmos o widget que suportará o código primeiro temos que ter os widgets ativos no fórum, caso contrário você pode colocar os códigos no template ou na página inicial.
Após criar o widget permita que administradores não vejam o mesmo para isto clique em e Desmarque: Administradores.
O título do widget deve ser Site em manutenção SGBR™, não deve marcar a opção de Utilizar um table type, então na opção Título do widget coloque o mesmo título que deve ser Site em manutenção SGBR™.
Depois disto coloque a Fonte do widget * :

2º Passo - Fonte do widget * :
Nesta área vamos inserir o código fonte da função, basta colar o código que está a baixo e salvar o widget.
Código:
<style type="text/CSS">
body {
    overflow: hidden;
}
#flotprcr {
    background: none repeat scroll 0% 0% rgba(255, 255, 255,.6);
    border-radius: 6px;
    opacity: .9;
    position: fixed;
    top: 2px !important;
    left: 2px;
    right: 2px;
    bottom: 2px;
    z-index: 999;
}
a.spn3 {
    position: fixed;
    bottom: 5px;
    right: 5px;
    background: #151515;
    padding: 2px 4px;
    border-radius: 5px;
    color: rgb(255, 255, 255) !important;
    font-weight: bold;
    font-size: 10px;
}
</style>
<div id="flotprcr">
  <span style="position: absolute; top: 20%; left: 30%;">
    <img width="500" src="http://i71.servimg.com/u/f71/17/71/75/73/pagina10.png" />
  </span>
  <a class="spn3" href="http://staffergroupbr.stuning.net/t1310-" target="_blank">Obtenha a sua página de manutenção clicando aqui!</a>
</div>
Não esqueça que seu widget precisa estar visível para que o código funcione, e os administradores não verão o feito, apenas os usuários normais.

  • Demonstração:






© Staffer Group BR™
PRECISA DE SUPORTE?

Criador: D'Leandro™
Site: http://staffergroupbr.stuning.net/t1310-tutorialmaintenance-page-manutencao
Ver perfil do usuário

#2
 'Fusion

avatar
Membro
Gostei muito obrigado por compartilhar vou colocar em meu fórum =D
Ver perfil do usuário samuca_akira@hotmail.com

#3
 Bookmarlucas654

avatar
Membro
E tem como bloquear o Scroll? ;s
Ver perfil do usuário

#4
 D'Leandro™

avatar
Fundador
Tem sim, eu já inseri isto no próprio tutorial.
Ver perfil do usuário

#5
 azure

avatar
Membro
xen
Ver perfil do usuário

#6
 lucasyori

avatar
Membro
Muito bom
Ver perfil do usuário

#7
 houdini

avatar
Membro
Muito legal, gostei do efeito.
Ver perfil do usuário

#8
 Master Publicitario

avatar
Membro
Muito bom!
Ver perfil do usuário

#9
 fascicularia

avatar
Membro
muito bon
Ver perfil do usuário

#10
 Conteúdo patrocinado