Página de login inicial HTML

Item: Página de login inicial HTML
Rating: 1

por Juniorroc88 09.01.20 22:11

Detalhes da questão

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

Descrição

Eu quero saber como eu coloco um tema na aria de conectar-se do, tipo fica SYSTEM OPH em cima e em baixo Usuario e senha como fas isso ?

por **tikky** 11.01.20 7:51

Olá @Juniorroc88,

Bem-vindo ao Fórum dos Fóruns!

Seja bem-vindo ao Fórum dos Fóruns! Como acabou de se inscrever, veja aqui alguns links importantes a saber:

Regras do Fórum, e o que você não deve fazer neste fórum;
Lista de tutoriais e perguntas frequentes;
A Equipe de Suporte;
A função de busca.

Crie uma nova página HTML com o seguinte código:

Código::  <!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://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-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>  <div class="container">  <div class="pt-5 text-center"> <img src="https://2img.net/r/frmste/images/sigle.png" /> </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 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 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 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-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>  <footer class="text-muted text-center text-small">  <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>   <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>  </footer>  </div>  </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. Para usar como página inicial na opção "Usar esta página como página inicial?" marque como Sim Contente

Cordialmente,
pedxz.

por **tikky** 16.01.20 9:27

Questão abandonada

Esta questão foi abandonada pelo seu autor, mas foi considerada resolvida pela equipa de suporte.

De acordo com o regulamento do setor de suporte, Art. 5/Deveres, tópicos com 5 dias serão arquivados. Apesar de abandonado, este tópico tem uma solução e portanto será marcado como resolvido e movido para o arquivo de questões resolvidas.

Página de login inicial HTML