Página Personalizada HTML

Item: Página Personalizada HTML
Rating: 1

por Contatosmeu 13.02.19 17:54

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 />  <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'" 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>

por Roevs 15.02.19 11:14

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 />  <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'" 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>