Detalhes da questão

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

Descrição

gente gostaria de fazer uma página personalizada no início HTML, assim quando visitantes ou membros entrarem no foram e não tiverem logados a página de registrar, contendo nela: Abaixo o link do fórum, no topo Swat Alfa e abaixo de Swat Alfa, estar: Aprimorar é nosso lema. E quero que uma foto cubra a página inteira essa foto:
eu deixei ela pequena, se fazer o favor de deixar grande eu agradeço <3



Veja o que eu tentei;

Código:

<br />        
<!--  Página Login  <Forumeiros>  -->                                                 <meta charset="UTF-8" />            <meta content="IE=edge" http-equiv="X-UA-Compatible" />            <meta content="width=device-width, initial-scale=1, user-scalable=no" name="viewport" />            <title>Entrar no fórum</title>            <link rel="icon" href="https://cdn.discordapp.com/attachments/363420145248501760/534007232656834573/Screenshot_12.fw.png" type="image/png" />            <link href="https://forumeiros.github.io/resources/bootstrap/bootstrap.min.css" rel="stylesheet" />            <link href="https://forumeiros.github.io/resources/font-awesome/css/font-awesome.min.css" rel="stylesheet" />            <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, 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>                      
<div class="container">
            
 <div class="pt-5 text-center text-light">
              
 <h2>
 Swat Alfa
 </h2>
              
 <p class="lead">
 O nosso dever é primar pela eficiência!
 </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 action="/login" method="post" class="form-signin">
                      
 <div class="form-label-group mb-3">
                        <input type="text" autofocus="" required="" tabindex="1" name="username" id="username" size="30" maxlength="40" value="" placeholder="Seu usuário" class="form-control" />                      
 </div>
                                
 <div class="form-label-group mb-3">
                        <input type="password" required="" placeholder="Sua Senha" tabindex="2" id="password" name="password" size="30" maxlength="25" class="form-control" />                      
 <div style="display: none" class="form-control-feedback">
 Usuário ou senha incorretos, tente novamente!
 </div>
                      
 </div>
                                
 <div class="custom-control custom-checkbox mb-3 float-right">
                        <input type="checkbox" id="autologin" name="autologin" class="custom-control-input" />                        <label for="autologin" class="custom-control-label">Lembrar dados</label>                      
 </div>
                      <input type="hidden" name="redirect" value="" />                      <input type="hidden" name="query" value="" />                      <input type="submit" name="login" tabindex="6" value="Entrar" class="btn btn-lg btn-primary btn-block text-uppercase rounded-0" />                      
 </form>
                      
 <hr class="my-4" />
                      
 <button onclick="location.href='/register?theme_id=100015&change_temp=1'" type="submit" class="btn btn-lg btn-google btn-block text-uppercase register rounded-0 text-truncate">
 <em class="fa fa-user mr-2">
 </em> Criar Conta
 </button>
                  
 </div>
                
 </div>
              
 </div>
            
 </div>
              <footer class="text-light text-center text-small">              </footer>
 <p style="" class="mb-1">
 ️ 2019 Swat Alfa <a href="https://forumeiros.com" class="text-light">Forumeiros.com</a>
 </p><footer class="text-light text-center text-small">                </footer>
 <ul style="" class="list-inline">
                  
 <li class="list-inline-item">
 <a href="/forum" class="text-light">Início</a>
 </li>
                  
 <li class="list-inline-item">
 <a href="/faq" class="text-light">FAQ</a>
 </li>
                  
 <li class="list-inline-item">
 <a href="/privacy" class="text-light">Política de Confidencialidade</a>
 </li>
                  
 <li class="list-inline-item">
 <a href="/profile?mode=sendpassword" class="text-light">Esqueceu a senha?</a>
 </li>
                
 </ul><footer class="text-light text-center text-small">                                <a target="_blank" href="http://swatalfaofc.forumeiros.com/">swatalfa.forumeiros.com</a>           <footer class="text-light text-center text-small">      </footer>        </footer>
</div>
                                    

Olá,

Fiz alterações que desejava em cima do seu código mesmo, veja se era isso o que estava querendo como resultado final.
Tive que utilizar outra imagem como fundo, caso ainda deseje utilizar a sua imagem que disponibilizou é só procurar por "body {" no código e alterar o link em que está em "background" para o link da imagem que deseja,

Código:

<br /><br />       
<!--  Página Login  <Forumeiros>  -->                                                <meta charset="UTF-8" />            <meta content="IE=edge" http-equiv="X-UA-Compatible" />            <meta content="width=device-width, initial-scale=1, user-scalable=no" name="viewport" />            <title>Entrar no fórum</title>            <link rel="icon" href="https://cdn.discordapp.com/attachments/363420145248501760/534007232656834573/Screenshot_12.fw.png" type="image/png" />            <link href="https://forumeiros.github.io/resources/bootstrap/bootstrap.min.css" rel="stylesheet" />            <link href="https://forumeiros.github.io/resources/font-awesome/css/font-awesome.min.css" rel="stylesheet" />            <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, 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>                      <div class="container">
           
 <div class="pt-5 text-center text-light">
             
 <h2>
 Swat Alfa
 </h2>
             
 <p class="lead">
 O nosso dever é primar pela eficiência!
 </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 action="/login" method="post" class="form-signin">
                     
 <div class="form-label-group mb-3">
                        <input type="text" autofocus="" required="" tabindex="1" name="username" id="username" size="30" maxlength="40" value="" placeholder="Seu usuário" class="form-control" />                     
 </div>
                               
 <div class="form-label-group mb-3">
                        <input type="password" required="" placeholder="Sua Senha" tabindex="2" id="password" name="password" size="30" maxlength="25" class="form-control" />                     
 <div style="display: none" class="form-control-feedback">
 Usuário ou senha incorretos, tente novamente!
 </div>
                     
 </div>
                               
 <div class="custom-control custom-checkbox mb-3 float-right">
                        <input type="checkbox" id="autologin" name="autologin" class="custom-control-input" />                        <label for="autologin" class="custom-control-label">Lembrar dados</label>                     
 </div>
                      <input type="hidden" name="redirect" value="" />                      <input type="hidden" name="query" value="" />                      <input type="submit" name="login" tabindex="6" value="Entrar" class="btn btn-lg btn-primary btn-block text-uppercase rounded-0" />                     
 </form>
                     
 <hr class="my-4" />
                     
 <button onclick="location.href='/register?theme_id=100015&change_temp=1'" type="submit" class="btn btn-lg btn-google btn-block text-uppercase register rounded-0 text-truncate">
 <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 style="" class="mb-1">
 ️ 2019 Swat Alfa <a href="https://forumeiros.com" class="text-light">Forumeiros.com</a>
 </p><footer class="text-light text-center text-small">                </footer>
 <ul style="" class="list-inline">
                 
 <li class="list-inline-item">
 <a href="/forum" class="text-light">Início</a>
 </li>
                 
 <li class="list-inline-item">
 <a href="/faq" class="text-light">FAQ</a>
 </li>
                 
 <li class="list-inline-item">
 <a href="/privacy" class="text-light">Política de Confidencialidade</a>
 </li>
                 
 <li class="list-inline-item">
 <a href="/profile?mode=sendpassword" class="text-light">Esqueceu a senha?</a>
 </li>
               
 </ul><footer class="text-light text-center text-small">                                <a target="_blank" href="http://swatalfaofc.forumeiros.com/" style="margin-left: -88px;">swatalfa.forumeiros.com</a>          <footer class="text-light text-center text-small">      </footer>        </footer>
</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: absolute;
    bottom: -30;
    width: 65%;
    margin-left: 133px;
    opacity: 0.6;
    float: right;
    font-size: 20px;
    margin-top: -5px;
    padding: 15px;
    color: black!important;
    font-weight: 600!important;
}
  .mb-1, .my-1 {
    margin-left: 160px!important;
}
  .list-inline {
    margin-left: 24px!important;
}
 
</style>

Até mais!

Obrigado!