Página de login

5 participantes

Ver o tópico anterior Ver o tópico seguinte Ir para baixo

Tópico resolvido Página de login

Mensagem por Sr.Guilherme54 12.10.20 14:06

Detalhes da questão


Endereço do fórum: http://dmfhb.forumeiros.com
Versão do fórum: phpBB3

Descrição


Exemplo:
estatísticas personalizada - Página de login Img-2011


Gostaria de uma página igual a está para Loguin e criar conta para guando entrar no fórum.
Sr.Guilherme54

Sr.Guilherme54
*

Membro desde : 25/09/2020
Mensagens : 46
Pontos : 75

https://dtehb.forumeiros.com/

Ir para o topo Ir para baixo

Ajudeiro

Tópico resolvido Re: Página de login

Mensagem por Fraise 12.10.20 14:32

Olá Guilherme,

Crie uma nova página HTML personalizada, com o seguinte código:
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://i.imgur.com/J7Rf7af_d.jpg" 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>
</head>
 
<body class="bg-dark" style="background: url('https://i.imgur.com/osAW3rT.jpg')
no-repeat black; background-size: cover; background-position: center center;">
    <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>Grupo de Operações Táticas</h2>
      <p class="lead">Trabalhamos pelo respeito ao próximo, junte-se a GOT!</p>
      </div>
        <!-- ./End title + desc -->
        <div class="row">
            <div class="col-sm-9 col-md-7 col-lg-5 mx-auto">
                <div class="card bg-dark text-light border-0 shadow-lg my-5">
                    <div class="card-body">
                        <h5 class="card-title text-center">Entrar no fórum da Polícia [GOT]</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-info 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-light text-center text-small">
            <!-- Start Copyright -->
            <p class="mb-1">️ Criado por stharlen.<br/> <a href="https://www.forumeiros.com" target="_blank">Direitos reservados a GOT</a>.</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>

Abraço!
Fraise

Fraise
Ajudeiro
Ajudeiro

Membro desde : 26/06/2015
Mensagens : 6558
Pontos : 8045

https://ajuda.forumeiros.com/ https://twitter.com/@FraiseFdF

Ir para o topo Ir para baixo

Tópico resolvido Re: Página de login

Mensagem por Sr.Guilherme54 12.10.20 15:53

Me ajuda a colocar o fundo

https://i.servimg.com/u/f40/19/89/86/50/airbru10.jpg

O meio ficou preto, gostaria dele branco como no print, obrigado!

Como ficou:estatísticas personalizada - Página de login Screen15


Como era pra ser: (Apenas a cor, o resto está top)
estatísticas personalizada - Página de login Img-2012
Sr.Guilherme54

Sr.Guilherme54
*

Membro desde : 25/09/2020
Mensagens : 46
Pontos : 75

https://dtehb.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Página de login

Mensagem por Sr.Guilherme54 12.10.20 21:21

Up up
Sr.Guilherme54

Sr.Guilherme54
*

Membro desde : 25/09/2020
Mensagens : 46
Pontos : 75

https://dtehb.forumeiros.com/

Ir para o topo Ir para baixo

Membro Entusiasta

Tópico resolvido Re: Página de login

Mensagem por Roevs 13.10.20 13:09

Atenção!


Você não pode postar mensagens consecutivas ou UP's antes de se completarem 24 horas desde a sua última mensagem em um tópico.

Por este motivo, pedimos que leia as regras do Setor de Suporte e as regras do Fórum dos Fóruns para não cometer novos erros.

Olá,

Substitua o código HTML passado por esse

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://i.imgur.com/J7Rf7af_d.jpg" 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>
</head>
 
<body class="bg-dark" style="background: url('https://i.servimg.com/u/f40/19/89/86/50/airbru10.jpg')
no-repeat black; background-size: cover; background-position: center center;">
    <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>Grupo de Operações Táticas</h2>
      <p class="lead">Trabalhamos pelo respeito ao próximo, junte-se a GOT!</p>
      </div>
        <!-- ./End title + desc -->
        <div class="row">
            <div class="col-sm-9 col-md-7 col-lg-5 mx-auto">
                <div class="card bg-dark text-light border-0 shadow-lg my-5">
                    <div class="card-body">
                        <h5 class="card-title text-center">Entrar no fórum da Polícia [GOT]</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-info 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-light text-center text-small">
            <!-- Start Copyright -->
            <p class="mb-1">️ Criado por stharlen.<br/> <a href="https://www.forumeiros.com" target="_blank">Direitos reservados a GOT</a>.</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>
<style>
  .bg-dark {
    background-color: white!important;
}
.card-title {
    color: black!important;
}
</style>

Até mais!
Roevs

Roevs
Membro Entusiasta
Membro Entusiasta

Membro desde : 10/02/2012
Mensagens : 6484
Pontos : 8343

https://www.sololevelingrpg.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Página de login

Mensagem por Sr.Guilherme54 14.10.20 22:38

Sr.Guilherme54

Sr.Guilherme54
*

Membro desde : 25/09/2020
Mensagens : 46
Pontos : 75

https://dtehb.forumeiros.com/

Ir para o topo Ir para baixo

Ajudeiro

Tópico resolvido Re: Página de login

Mensagem por Sleep 14.10.20 22:44

Roevs escreveu:

Atenção!



Você não pode postar mensagens consecutivas ou UP's antes de se completarem 24 horas desde a sua última mensagem em um tópico.

Por este motivo, pedimos que leia as regras do Setor de Suporte e as regras do Fórum dos Fóruns para não cometer novos erros.

Olá,

Substitua o código HTML passado por esse

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://i.imgur.com/J7Rf7af_d.jpg" 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>
</head>
 
<body class="bg-dark" style="background: url('https://i.servimg.com/u/f40/19/89/86/50/airbru10.jpg')
no-repeat black; background-size: cover; background-position: center center;">
    <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>Grupo de Operações Táticas</h2>
      <p class="lead">Trabalhamos pelo respeito ao próximo, junte-se a GOT!</p>
      </div>
        <!-- ./End title + desc -->
        <div class="row">
            <div class="col-sm-9 col-md-7 col-lg-5 mx-auto">
                <div class="card bg-dark text-light border-0 shadow-lg my-5">
                    <div class="card-body">
                        <h5 class="card-title text-center">Entrar no fórum da Polícia [GOT]</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-info 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-light text-center text-small">
            <!-- Start Copyright -->
            <p class="mb-1">️ Criado por stharlen.<br/> <a href="https://www.forumeiros.com" target="_blank">Direitos reservados a GOT</a>.</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>
<style>
  .bg-dark {
    background-color: white!important;
}
.card-title {
    color: black!important;
}
</style>

Até mais!

Boa tarde,

Aplicou o código fornecido pelo meu colega?
O mesmo contem o o Background.

Por favor substitua o código antigo por ele, e deixe o mesmo ativo, para eu ver o resultado.

Atenciosamente,
Sleep
Sleep

Sleep
Ajudeiro
Ajudeiro

Membro desde : 10/08/2012
Mensagens : 1097
Pontos : 1331

https://ajuda.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Página de login

Mensagem por Sr.Guilherme54 16.10.20 18:43

Olá, Convidado!

Para mim o fundo continua branco, sem uma imagem.
Sr.Guilherme54

Sr.Guilherme54
*

Membro desde : 25/09/2020
Mensagens : 46
Pontos : 75

https://dtehb.forumeiros.com/

Ir para o topo Ir para baixo

Membro Entusiasta

Tópico resolvido Re: Página de login

Mensagem por Roevs 16.10.20 20:27

Olá,

Substitua a página por esse então

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://i.imgur.com/J7Rf7af_d.jpg" 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://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
    <script src="https://forumeiros.github.io/resources/bootstrap/bootstrap.min.js"></script>
    <script src="https://forumeiros.github.io/resources/bootstrap/popper.min.js"></script>
</head>
 
<body class="bg-dark" style="background: url('https://i.servimg.com/u/f40/19/89/86/50/airbru10.jpg') no-repeat black; background-size: cover; background-position: center center;">
    <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 incorreto ou inativo, ou uma senha inválida.') > 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>Grupo de Operações Táticas</h2>
      <p class="lead">Trabalhamos pelo respeito ao próximo, junte-se a GOT!</p>
      </div>
        <!-- ./End title + desc -->
        <div class="row">
            <div class="col-sm-9 col-md-7 col-lg-5 mx-auto">
                <div class="card bg-dark text-light border-0 shadow-lg my-5">
                    <div class="card-body">
                        <h5 class="card-title text-center">Entrar no fórum da Polícia [GOT]</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-info 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-light text-center text-small">
            <!-- Start Copyright -->
            <p class="mb-1">️ Criado por stharlen.<br/> <a href="https://www.forumeiros.com" target="_blank">Direitos reservados a GOT</a>.</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>
<style>
  .bg-dark {
    background-color: white!important;
}
.card-title {
    color: black!important;
}
body {
    background: url(https://i.servimg.com/u/f40/19/89/86/50/airbru10.jpg) no-repeat!important;
    background-size: cover!important;
    background-position: center center!important;
}
</style>

Até mais!
Roevs

Roevs
Membro Entusiasta
Membro Entusiasta

Membro desde : 10/02/2012
Mensagens : 6484
Pontos : 8343

https://www.sololevelingrpg.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Página de login

Mensagem por Sr.Guilherme54 17.10.20 15:16

Opa, pode fechar.

Obrigado, Convidado!


Última edição por pedxz em 17.10.20 15:37, editado 1 vez(es) (Motivo da edição : Remoção da formatação de texto)
Sr.Guilherme54

Sr.Guilherme54
*

Membro desde : 25/09/2020
Mensagens : 46
Pontos : 75

https://dtehb.forumeiros.com/

Ir para o topo Ir para baixo

Admineiro

Tópico resolvido Re: Página de login

Mensagem por tikky 17.10.20 15:37

Tópico resolvido


Movido para "Questões resolvidas".
tikky

tikky
Admineiro
Admineiro

Membro desde : 13/01/2017
Mensagens : 7806
Pontos : 9049

Ir para o topo Ir para baixo

Ver o tópico anterior Ver o tópico seguinte Ir para o topo

- Tópicos semelhantes

Permissões neste sub-fórum
Não podes responder a tópicos