Script de manutenção

Detalhes da questão

Endereço do fórum: http://www.brasilplayultimate.com.br
Versão do fórum: ModernBB

Descrição

Bom, gostaria de um código que deixasse a página toda escura escrito grande no meio:
"Fórum em manutenção, voltaremos em breve"
Abaixo disso um relógio tipo cronometro mostrando faltando:
Dias:Horas:Minutos:Segundos
Para abertura do servidor.

Além disso, este código deixaria o fórum inacessível à todos os usuários até a remoção do mesmo.
Seria possível?

Saudações!

O que a gente poderia fazer é uma página HTML inicial e o senhor deverá botar o fórum em manutenção pelo CPainel. Tudo bem para o senhor ?
Além disso podemos forçar o redirecionamento para a página HTML caso alguém tente entrar no fórum modificando a url.

Aqui está o código:

Código:

<title>Manutenção</title>
<meta content="text/html;charset=utf-8" http-equiv="Content-Type" /> <style>
body {
background-color: black;
color: white;
text-align: center;
font-size: 50px;
position: fixed;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
font-family: Verdana,Arial,Helvetica,sans-serif;
}
a {
color: white;
text-decoration: none;
}
a:hover {
color: grey;
}
</style>Fórum em manutenção, voltaremos em breve!<br /><br /> <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js" type="text/javascript"></script>    <script src="http://web.crea.acsta.net/rep_dif/Smart/Warner/BatmanVsSuperman/Arrobas-250/Contagem/dest/jquery.countdown.js" type="text/javascript"></script>      <script type="text/javascript">
      $(function() {
        var endDate = "december 01, 2017 20:00:00";
 
        $('.countdown.simple').countdown({ date: endDate });
 
        $('.countdown.styled').countdown({
          date: endDate,
          render: function(data) {
            $(this.el).html("<div>" + this.leadingZeros(data.days, 2) + " <span>dias</span></div><div>" + this.leadingZeros(data.hours, 2) + " <span>horas</span></div><div>" + this.leadingZeros(data.min, 2) + " <span>min</span></div><div>" + this.leadingZeros(data.sec, 2) + " <span>seg</span></div>");

if(this.leadingZeros(data.days, 2)=="00" && this.leadingZeros(data.hours, 2)=="00" && this.leadingZeros(data.min, 2)=="00" && this.leadingZeros(data.sec, 2) == "00") {
alert("fim da contagem");
}
   

         }
        });
 
        $('.countdown.callback').countdown({
          date: +(new Date) + 10000,
          render: function(data) {
            $(this.el).text(this.leadingZeros(data.sec, 2) + " sec");
          },
          onEnd: function() {
            $(this.el).addClass('ended');
          }
        }).on("click", function() {
          $(this).removeClass('ended').data('countdown').update(+(new Date) + 10000).start();
        });
 
        // End time for diff purposes
        var endTimeDiff = new Date().getTime() + 15000;
        // This is server's time
        var timeThere = new Date();
        // This is client's time (delayed)
        var timeHere = new Date(timeThere.getTime() - 5434);
        // Get the difference between client time and server time
        var diff_ms = timeHere.getTime() - timeThere.getTime();
        // Get the rounded difference in seconds
        var diff_s = diff_ms / 1000 | 0;
 
        var notice = [];
        notice.push('Server time: ' + timeThere.toDateString() + ' ' + timeThere.toTimeString());
        notice.push('Your time: ' + timeHere.toDateString() + ' ' + timeHere.toTimeString());
        notice.push('Time difference: ' + diff_s + ' seconds (' + diff_ms + ' milliseconds to be precise). Your time is a bit behind.');
 
        $('.offset-notice').html(notice.join('<br />'));
 
        $('.offset-server .countdown').countdown({
          date: endTimeDiff,
          offset: diff_s * 1000,
          onEnd: function() {
            $(this.el).addClass('ended');
          }
        });
 
        $('.offset-client .countdown').countdown({
          date: endTimeDiff,
          onEnd: function() {
            $(this.el).addClass('ended');
          }
        });
 
      });
    </script>
<div class="countdown styled">
</div>
<br>
<a href="https://www.forumeiros.com" target="_blank">forumeiros.com</a>

Básica do jeito que o senhor solicitou.

Para redirecionar leia:
https://ajuda.forumeiros.com/t56944-tutorial-redirecionar-forum
Para deixar o fórum em manutenção/em férias:
https://ajuda.forumeiros.com/t15866-faq-gerir-a-funcao-forum-em-construcao
https://ajuda.forumeiros.com/t16295-faq-gerir-a-funcao-forum-de-ferias

Att!

Exatamente isso que quero, mas queria assim: https://i.imgur.com/SoJ0qAb.png
No próprio fórum em si.

Qual o problema em criar diretamente em uma página inicial, como sugerido acima?
Caso alguém coloque /forum na URL, você pode impedir com este script:

Código:

(function ($) {
  'use strict';

  $(function () {
    var l = location.pathname;
    var e = '/';
   
    if (l !== e && _userdata.user_level !== 1) {
      location.pathname = e;
    }
  });
}(jQuery));

Ele irá redirecionar todos os usuários (exceto administradores) para a página inicial.
Como disse, não vejo razão para criarmos um script para que funcione no fórum se podemos fazer na página inicial.

o/

Hum, perfeito. Pode fechar.