[TUTORIAL] Impedir usuário de logar-se

Quando seu fórum está em manutenção, usamos a função do painel de controle para informar os membros. Infelizmente, alguns usuários ainda conectam-se com seus nomes de usuários, deixando o próprio administrador preocupado porque o fórum está em manutenção. Vamos conhecer um código em Javascript que impede o Login (redireciona) para outra página personalizada.

--> Tutoriais <--
Impedir usuário de logar-se

1º - Noção básica da função:

As páginas javascript ativas em seu fórum possibilita inserir scripts e jquery para personalizar seu fórum, contudo é importante saber que qualquer script encontrado na internet acabam por não surgir efeito nos fóruns.

Painel de controle >> Módulos >> HTML & JavaScript >> Gestão dos códigos JavaScripts >>

Título Correspondente ao nome da página JavaScript/jQuery que será criada.

Localização- São destinados os devidos locais para onde você aplicará os efeitos do JavaScript nos fóruns. Pode ser na galeria, nos fóruns ou sub-fóruns. Vamos ver algumas opções: No índice : O código será aplicado ao índice do fórum. No portal : O código será aplicado ao Portal do fórum. Nos sub-fóruns (Fóruns) : O código será aplicado nos Fóruns e Sub-fóruns. Sobre os temas : O código será aplicado aos tópicos do fórum. Na galeria : O código será aplicado na sua Galeria de imagens. Em todas as páginas : O código será aplicado em todas as páginas do fórum.

Código JavaScript Campo destinado para receber os códigos JavaScript e jQuery.

Habilitar o gerenciamento dos códigos JavaScript Ao selecionar a opção sim, estará ativando a função páginas Javascript no seu fórum. Se selecionar não, as páginas serão desabilitadas no fórum.

2º - Propriedades do código:
Vamos editar o código e ter o resultado esperado. Tenha atenção em alguns detalhes para proceguir.

jQuery(document).ready(function(){jQuery('form[action="/login"] div:first').before('<div class="alerta-modulo">MENSAGEM_NA_PÁGINA_DE_LOGIN</div>');jQuery('form[action="/login"]').attr('action','ENDEREÇO_DA_PAGINA')});

Como você pode notar, no código temos o trecho que mostra uma mensagem. Essa mensagem foi adicionada para que o usuário saiba que não será possível realizar o login.
Laranja: Adicione uma mensagem que deseja que apareça quando o usuário for conectar-se.
Azul Forumeiros: Adicione uma URL da página de manutenção, caso ele queira tentar conectar-se mesmo recebendo o aviso.
Exmplo pronto:

Código:

jQuery(document).ready(function(){jQuery('form[action="/login"] div:first').before('<div class="alerta-modulo">ShiftActif ESTÁ EM MANUTENÇÃO NO MOMENTO. O NOSSO SISTEMA DE LOGIN FOI DESATIVADO E VOCÊ SÓ PODERÁ LOGAR-SE APÓS O TÉRMINO DA MANUTENÇÃO. PEDIMOS DESCULPAS PELO TRANSTORNO, E EM BREVE ESTAREMOS DE VOLTA COM MELHORAS!</div>');jQuery('form[action="/login"]').attr('action','http://www.forumeiros.com/')});

Como você deve ter notado, em nosso código temos a variável CSS alerta-modulo. Essa variável vai personalizar a mensagem, deixando-a mais realista quando a página de login for acessada.

3º - CSS base:
Com o CSS abaixo, você poderá personalizar a mensagem conforme desejar.

.alerta-modulo{
background:#fff url(https://2img.net/i/fa/admin/icones/big_ico/configuration.png) no-repeat left;
border:1px solid;
color:red;
display:block;
font-size:12px;
font-weight:700;
line-height:20px;
margin-bottom:10px;
padding-left:50px;
text-align:center;
}

Os pontos coloridos podem ser personalizados, assim como o resto do CSS.

• Resultado
  
  

---

© ShiftActif

Se tiver alguma dúvida relacionada com este tópico crie um tópico com o seguinte título: [Dúvida] Impedir usuário de logar-se