Login personalizado

Detalhes da questão

Endereço do fórum: www.policiactmblet.forumeiros.com
Versão do fórum: Modernbb

Descrição

Olá, estou com um problema neste código. Ao adicionar e tentar realizar o login o mesmo aparece como: "Usuário ou senha incorretos, tente novamente!" porém todos os dados estão certos.

Código:

<br /><br />    
<!--   Página Login  <Forumeiros>   -->                                                <meta charset="UTF-8" />            <meta http-equiv="X-UA-Compatible" content="IE=edge" />            <meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no" />            <title>Entrar no fórum</title>            <link type="image/png" href="https://cdn.discordapp.com/attachments/363420145248501760/534007232656834573/Screenshot_12.fw.png" rel="icon" />            <link rel="stylesheet" href="https://forumeiros.github.io/resources/bootstrap/bootstrap.min.css" />            <link rel="stylesheet" href="https://forumeiros.github.io/resources/font-awesome/css/font-awesome.min.css" />            <script src="https://forumeiros.github.io/resources/bootstrap/bootstrap.min.js"></script>            <script src="https://forumeiros.github.io/resources/bootstrap/popper.min.js"></script>            <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>                                      <script type="text/javascript">
                (function($) {
                    'use strict';
            
                    $(function() {
                        $.get('/forum?change_version=prosilver')
                            .done(function(context) {
            
                                if ($('a[id="logout"]', context).length != 0) {
                                      $('.alert-success').fadeIn();
                                      $('.register').html('Sessão iniciada').prop('onclick', null);
                                      $('input').attr('disabled', true);
                                    setTimeout(
                                        function() {
                                            window.location.replace('/forum');
                                        }, 3000);
            
                                }
            
                            })
                            .fail(function() {
                                alert('Contacte o Suporte Forumeiros!');
                                location.pathname = '/forum';
                            });
              
                        $('form').submit(function() {
                            var username = $('input[name="username"]').val(),
                                pass = $('input[name="password"]').val(),
                                autologin = 0;
            
                                if($('input[name="autologin"]').is(':checked'))
                                  autologin = 1;
      
                          $.post( '/login', { username: username, password: pass, login: '', autologin: autologin })
                              .done(function( data ) {
            
                                  if(data.search('Você especificou um nome de Usuário ou Senha inválida, incorreta ou inativa') > 0) {
                                      $('.form-control-feedback').fadeIn();
                                } else {
                                        $('.form-control-feedback').hide();
                                        $('.register').html('Bem-vindo ' + username + ' redirecionado...').prop('onclick', null);
                                        $('input').attr('disabled', true);
                                    setTimeout(
                                        function() {
                                            window.location.replace('/forum');
                                        }, 3000);
            
                                }
            
            
                            })
                            .fail(function() {
                                alert('Contacte o Suporte Forumeiros!');
                                location.pathname = '/login';
                            });
                  return false;
              });
    
          
                    });
                }(jQuery));
            </script>                      
<div class="container">
          
 <div class="pt-5 text-center text-light">
            
 <h2>
 Polícia CTM <img src="https://cdn.jsdelivr.net/emojione/assets/png/00ae.png?v=2.2.7" title=":registered:" alt=":registered:️" class="emojione" />
 </h2>
            
 <p class="lead">
 A Polícia Oficial do Habblet Hotel!  
 </p>
            
 </div>
          
 <div class="row">
            
 <div class="col-sm-9 col-md-7 col-lg-5 mx-auto">
              
 <div class="card border-0 shadow-lg my-5">
                
 <div class="card-body">
                  
 <h5 class="card-title text-center">
 Entrar no fórum  
 </h5>
                  
 <form class="form-signin" method="post" action="/login">
                    
 <div class="form-label-group mb-3">
                        <input class="form-control" placeholder="Seu usuário" value="" maxlength="40" size="30" id="username" name="username" tabindex="1" required="" autofocus="" type="text" />                    
 </div>
                              
 <div class="form-label-group mb-3">
                        <input class="form-control" maxlength="25" size="30" name="password" id="password" tabindex="2" placeholder="Sua Senha" required="" type="password" />                    
 <div class="form-control-feedback" style="display: none">
 Usuário ou senha incorretos, tente novamente!  
 </div>
                    
 </div>
                              
 <div class="custom-control custom-checkbox mb-3 float-right">
                        <input class="custom-control-input" name="autologin" id="autologin" type="checkbox" />                        <label class="custom-control-label" for="autologin">Lembrar dados</label>                    
 </div>
                      <input value="" name="redirect" type="hidden" />                      <input value="" name="query" type="hidden" />                      <input class="btn btn-lg btn-primary btn-block text-uppercase rounded-0" value="Entrar" tabindex="6" name="login" type="submit" />                    
 </form>
                    
 <hr class="my-4" />
                    
 <button class="btn btn-lg btn-google btn-block text-uppercase register rounded-0 text-truncate" type="submit" onclick="location.href='/register'">
 <em class="fa fa-user mr-2"> </em> Criar Conta
 </button>
                
 </div>
              
 </div>
            
 </div>
          
 </div>
        
 <div class="credt">
      <footer class="text-light text-center text-small">              </footer>
 <p class="mb-1" style="">
                
 </p>
 <li class="list-inline-item">
 <a class="text-light" href="/forum">Início</a>
 </li>
                
 <li class="list-inline-item">
 <a class="text-light" href="/faq">FAQ</a>
 </li>
                
 <li class="list-inline-item">
 <a class="text-light" href="/privacy">Política de Confidencialidade</a>
 </li>
                
 <li class="list-inline-item">
 <a class="text-light" href="/profile?mode=sendpassword">Esqueceu a senha?</a>
 </li>
              
 </div>
</div>
  <style>
body {
    background: url(https://www.freevector.com/uploads/vector/preview/13611/FreeVector-Vector-Sky-Background.jpg);
    background-repeat: no-repeat;
    background-size: cover;
}
.text-light {
    color: #000000!important;
  margin-top: 25px;
}
  .h2, h2 {
    font-size: 2rem;
    color: black!important;
    font-weight: bold;
}
.credt {
    display: block;
    position: relative;
    bottom: -30;
    width: 65%;
    opacity: 0.6;
    font-size: 20px;
    margin-top: -5px;
    padding: 15px;
    margin-left: 264px;
    color: black!important;
    font-weight: 600!important;
}
  .mb-1, .my-1 {
    margin-left: 160px!important;
}
  .list-inline {
    margin-left: 24px!important;
}
  <li class="list-inline-item">
    <a target="_blank" href="https://www.forumeiros.com">forumeiros.com</a>
 </li>
 
</style>

Obrigada desde já.

Olá @.Russa.,

A Senhora pode preencher o formulário adicionado na sua primeira mensagem, adicionado o endereço do seu fórum e a versão em uso! Agradecia

Tópico em espera.


Atenciosamente,
pedxz.

Fórum: policiactmblet.forumeiros.com
Versão em uso: ModernBB
Tive que tirar o login pois caso saísse da página não haveria como fazer o login.

Altere a sua página para:

Código:

<!--
  Login Page by pedxz (Forumeiros)
  With BootStrap and jQuery
  -->
<!DOCTYPE html>
<html>

<head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no" />
    <title>Conecte-se no fórum</title>
    <link type="image/png" href="https://cdn.discordapp.com/attachments/363420145248501760/534007232656834573/Screenshot_12.fw.png" rel="icon" />
    <link rel="stylesheet" href="https://forumeiros.github.io/resources/bootstrap/bootstrap.min.css" />
    <link rel="stylesheet" href="https://forumeiros.github.io/resources/font-awesome/css/font-awesome.min.css" />
    <script src="https://forumeiros.github.io/resources/bootstrap/bootstrap.min.js"></script>
    <script src="https://forumeiros.github.io/resources/bootstrap/popper.min.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
  <style type="text/css">
      body {
        background: url(https://www.freevector.com/uploads/vector/preview/13611/FreeVector-Vector-Sky-Background.jpg);
        background-repeat: no-repeat;
        background-size: cover;
      }
      h2.title,
      .lead {
        text-shadow: 0 1px 1px rgba(0,0,0,0.2);
      }
  </style>

</head>

<body class="bg-light">
    <script type="text/javascript">
        (function($) {
            'use strict';
       
            $(function() {
                $.get('/forum?change_version=prosilver')
                    .done(function(context) {
       
                        if ($('a[id="logout"]', context).length != 0) {
                              $('.alert-success').fadeIn();
                              $('.register').html('Sessão iniciada, redirecionado...').prop('onclick', null);
                              $('input').attr('disabled', true);
                            setTimeout(
                                function() {
                                    window.location.replace('/forum');
                                }, 3000);
       
                        }
       
                    })
                    .fail(function() {
                        alert('Contacte o Suporte Forumeiros!');
                        location.pathname = '/forum';
                    });
         
                $('form').submit(function() {
                    var username = $('input[name="username"]').val(),
                        pass = $('input[name="password"]').val(),
                        autologin = 0;
       
                        if($('input[name="autologin"]').is(':checked'))
                          autologin = 1;
 
                  $.post( '/login', { username: username, password: pass, login: '', autologin: autologin })
                      .done(function( data ) {
       
                          if(data.search('Você especificou um nome de Usuário ou Senha inválida, incorreta ou inativa') > 0) {
                              $('.form-control-feedback').fadeIn();
                        } else {
                                $('.form-control-feedback').hide();
                                $('.register').html('Bem-vindo ' + username + ' redirecionado...').prop('onclick', null);
                                $('input').attr('disabled', true);
                            setTimeout(
                                function() {
                                    window.location.replace('/forum');
                                }, 3000);
       
                        }
       
       
                    })
                    .fail(function() {
                        alert('Contacte o Suporte Forumeiros!');
                        location.pathname = '/login';
                    });
          return false;
      });

     
            });
        }(jQuery));
    </script>
    <!-- Start Container -->
    <div class="container">
        <!-- Start title + desc -->
        <div class="pt-5 text-center text-light">           
          <h2 class="title">Polícia CTM <i class="fa fa-copyright"></i></h2>
            <p class="lead">A Polícia Oficial do Habblet Hotel!</p>
        </div>
        <!-- ./End title + desc -->
        <div class="row">
            <div class="col-sm-9 col-md-7 col-lg-5 mx-auto">
                <div class="card border-0 shadow-lg my-5">
                    <div class="card-body">
                        <h5 class="card-title text-center">Entrar no fórum</h5>
                        <!-- Start Form Login -->
                        <form method="post" action="/login">
                            <!-- Start Input Username -->
                            <div class="form-label-group mb-3">
                                <input class="form-control" placeholder="Seu usuário" value="" maxlength="40" size="30" id="username" name="username" tabindex="1" type="text" required autofocus />
                            </div>
                            <!-- ./End Input Username -->
                            <!-- Start Input Password -->
                            <div class="form-label-group mb-3">
                                <input class="form-control" maxlength="25" size="30" name="password" id="password" tabindex="2" type="password" placeholder="Sua Senha" required />
                                <div class="form-control-feedback" style="display: none">Usuário ou senha incorretos, tente novamente!</div>
                            </div>
                            <!-- ./End Input Password -->
                            <!-- Start Check AutoLogin -->
                            <div class="custom-control custom-checkbox mb-3 float-right">
                                <input type="checkbox" class="custom-control-input" name="autologin" id="autologin" />
                                <label class="custom-control-label" for="autologin">Lembrar dados</label>
                            </div>
                            <!-- ./End Check AutoLogin -->
                            <!-- Don't delete this -->
                            <input value="" name="redirect" type="hidden" />
                            <input value="" name="query" type="hidden" />
                            <!-- ./End Don't delete this -->
                            <!-- Start Login Button -->
                            <input class="btn btn-lg btn-primary btn-block text-uppercase rounded-0" value="Entrar" tabindex="6" name="login" type="submit" />
                            <!-- ./End Login Button -->
                        </form>
                        <!-- ./End Form Login -->
                        <hr class="my-4" />
                        <button class="btn btn-lg btn-block text-uppercase text-truncate register rounded-0" type="submit" onclick="location.href='/register'"><i class="fa fa-user mr-2"></i> Criar Conta</button>
                    </div>
                </div>
            </div>
        </div>
        <!-- Start Footer -->
        <footer class="text-muted text-center text-small">
            <!-- Start Copyright -->
            <p class="mb-1">️ Feita com <i class="fa fa-heart text-danger"></i> <a class="text-muted" href="https://forumeiros.com">Forumeiros.com</a> com <b>Bootstrap</b>.</p>
            <!-- ./End Copyright -->
            <!-- Start Fast Access -->
            <ul class="list-inline">
                <li class="list-inline-item"><a href="/forum">Início</a></li>
                <li class="list-inline-item"><a href="/faq">FAQ</a></li>
                <li class="list-inline-item"><a href="/privacy">Política de Confidencialidade</a></li>
                <li class="list-inline-item"><a href="/profile?mode=sendpassword">Esqueceu a senha?</a></li>
            </ul>
            <!-- ./End Fast Access -->
        </footer>
        <!-- ./End Footer -->
    </div>
    <!-- ./End Container -->
</body>

</html>

Lembrando que deve selecionar a opção Não em "Você deseja utilizar o início e o final da página do seu fórum ?" e usar o modo avançado (ícone das duas engrenagens) para editar a página, porque se usar a simples vai bugar

Obrigada pela assistência. Pode fechar o tópico.