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

Gostei muito obrigado por compartilhar vou colocar em meu fórum =D

E tem como bloquear o Scroll? ;s

Tem sim, eu já inseri isto no próprio tutorial.

xen

Muito bom

Muito legal, gostei do efeito.

Muito bom!

muito bon