Página de login inicial HTML

2 participantes

Ir para baixo

Tópico resolvido Página de login inicial HTML

Mensagem por Pofahll 21.01.19 22:02

Detalhes da questão


Endereço do fórum: http://systemdpt.forumeiros.com/
Versão do fórum: ModernBB

Descrição


Olá , estive procurando no fórum exemplos de páginas de logins iniciais HTML e encontrei , porém não ficou da forma que eu queria pois pretendo por uma imagem atrás e não sei como fazer isso.

Imagem para colocar no fundo: https://i.servimg.com/u/f48/20/02/37/92/plano_10.png

Modelo que usei :
Código:
<!-- Página Login Simples by pedxz <Forumeiros> -->
<!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>Entrar no fórum</title>
    <link type="image/png" href="https://illiweb.com/fa/favicon/discussion.ico" 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://2img.net/r/ihimg/a/img922/351/wGnjmr.jpg')
no-repeat black; background-size: cover; background-position: center center;">
<script type="text/javascript">
        (function($) {
            'use strict';
 
            $(function() {
                $.get('/forum')
                    .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!');
                    });
 
            });
        }(jQuery));
    </script>
 
    <div class="container">
    <div class="pt-5 text-center text-light">
      <h2>Fórum Filmes</h2>
      <p class="lead">+Filmes e +Séries por favor!</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" type="text" required autofocus />
              </div>
 
              <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>
 
              <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>
              <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?change_temp=3'"><i class="fa fa-user mr-2"></i> Criar Conta</button>
          </div>
        </div>
      </div>
    </div>
      <footer class="text-light text-center text-small">
      <p class="mb-1">️ 2019 FF - Fórum Filmes. <a class="text-light" href="https://forumeiros.com">Forumeiros.com</a></p>
        <ul class="list-inline">
          <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>
        </ul>
      </footer>
</div>
</body>
 
</html>

Peguei este modelo em:https://ajuda.forumeiros.com/t113464-criar-pagina-inicial-de-login-com-html?highlight=pagina+de+login+html

Obrigado.
Pofahll
Pofahll
Novo Membro

Membro desde : 20/01/2019
Mensagens : 4
Pontos : 6

http://systemdpt.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Página de login inicial HTML

Mensagem por Roevs 21.01.19 23:20

Olá,

Substitua o código por esse

Código:
<!-- Página Login Simples by pedxz <Forumeiros> -->
<!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>Entrar no fórum</title>
    <link type="image/png" href="https://illiweb.com/fa/favicon/discussion.ico" 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/f48/20/02/37/92/plano_10.png')
no-repeat black; background-size: cover; background-position: center center;">
<script type="text/javascript">
        (function($) {
            'use strict';
 
            $(function() {
                $.get('/forum')
                    .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!');
                    });
 
            });
        }(jQuery));
    </script>
 
    <div class="container">
    <div class="pt-5 text-center text-light">
      <h2>Fórum Filmes</h2>
      <p class="lead">+Filmes e +Séries por favor!</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" type="text" required autofocus />
              </div>
 
              <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>
 
              <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>
              <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?change_temp=3'"><i class="fa fa-user mr-2"></i> Criar Conta</button>
          </div>
        </div>
      </div>
    </div>
      <footer class="text-light text-center text-small">
      <p class="mb-1">️ 2019 FF - Fórum Filmes. <a class="text-light" href="https://forumeiros.com">Forumeiros.com</a></p>
        <ul class="list-inline">
          <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>
        </ul>
      </footer>
</div>
</body>
 
</html>

att.
Roevs
Roevs
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 inicial HTML

Mensagem por Pofahll 22.01.19 0:12

Usei este código porém a imagem que proporcionei ficou bem pequena , queria que ela ocupasse a página inteira.

Tentei entrar com outra conta e o resultado foi o mesmo.

Att, Pofahll
Pofahll
Pofahll
Novo Membro

Membro desde : 20/01/2019
Mensagens : 4
Pontos : 6

http://systemdpt.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Página de login inicial HTML

Mensagem por Roevs 22.01.19 1:27

Olá,

Substitua o código por esse

Código:

<!-- Página Login Simples by pedxz <Forumeiros> -->
<!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>Entrar no fórum</title>
    <link type="image/png" href="https://illiweb.com/fa/favicon/discussion.ico" 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/f48/20/02/37/92/plano_10.png') no-repeat black!important;  background-size: cover!important; background-position: center center;">
<script type="text/javascript">
        (function($) {
            'use strict';
 
            $(function() {
                $.get('/forum')
                    .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!');
                    });
 
            });
        }(jQuery));
    </script>
 
    <div class="container">
    <div class="pt-5 text-center text-light">
      <h2>Fórum Filmes</h2>
      <p class="lead">+Filmes e +Séries por favor!</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" type="text" required autofocus />
              </div>
 
              <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>
 
              <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>
              <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?change_temp=3'"><i class="fa fa-user mr-2"></i> Criar Conta</button>
          </div>
        </div>
      </div>
    </div>
      <footer class="text-light text-center text-small">
      <p class="mb-1">️ 2019 FF - Fórum Filmes. <a class="text-light" href="https://forumeiros.com">Forumeiros.com</a></p>
        <ul class="list-inline">
          <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>
        </ul>
      </footer>
</div>
</body>
 
</html>

att,
Roevs
Roevs
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 inicial HTML

Mensagem por Pofahll 22.01.19 11:12

Utilizei este ultimo código , porém o resultado foi este:

https://i.servimg.com/u/f48/20/02/37/92/nao_de10.png

Exemplo de como eu quero que fique:

https://i.servimg.com/u/f48/20/02/37/92/exempl10.png

Obs: Não quero que copie nada deste site.

Att, Pofahl

Pofahll
Pofahll
Novo Membro

Membro desde : 20/01/2019
Mensagens : 4
Pontos : 6

http://systemdpt.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Página de login inicial HTML

Mensagem por Roevs 22.01.19 11:14

Olá,

Você deve marcar a opção "NÃO" na página HTML, como na imagem abaixo

http://prntscr.com/maidqm

att,
Roevs
Roevs
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 inicial HTML

Mensagem por Pofahll 22.01.19 11:30

Ae , muito obrigado á todos !

Pode fechar.

att, Pofahl
Pofahll
Pofahll
Novo Membro

Membro desde : 20/01/2019
Mensagens : 4
Pontos : 6

http://systemdpt.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Página de login inicial HTML

Mensagem por Convidado 22.01.19 12:31

Tópico resolvido


Movido para "Questões resolvidas".
Anonymous
Convidado
Convidado


Ir para o topo Ir para baixo

Ir para o topo

- Tópicos semelhantes

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