[Plugin] Mudar página de login
Página 1 de 1 • Compartilhe
[Plugin] Mudar página de login
Por um tempo não era possível mudar a página de login (/login) do fórum, porém com um pouco de JQuery foi possível personalizar a página como na imagem abaixo.
A instalação pode ser feita criando um novo javascript:
Painel de Controle Módulos HTML e Javascript Gestão dos códigos Javascript Criar um novo javascript Investimento Em todas as páginas.
Cole o seguinte o código na página:
O código foi feito e testado no ModernBB muito provavelmente se for usar em uma outra versão haverá a necessidade de adaptar.
A instalação pode ser feita criando um novo javascript:
Painel de Controle Módulos HTML e Javascript Gestão dos códigos Javascript Criar um novo javascript Investimento Em todas as páginas.
Cole o seguinte o código na página:
- Código:
(function($) {
'use strict';
$(function() {
if (_userdata.session_logged_in === 1) {
return
}
if (!((/^\/login/i.test(location.pathname)))) {
return
}
$('#page-header').css({ 'display':'none'});
$('.statistics').css({ 'display':'none'});
$('#page-footer').css({ 'top':'-100px', 'position':'absolute'});
$('#main-content p:first-child').css({ 'display':'none'});
$('fieldset.fields1 dt').css({ 'display':'none'});
$('#main-content p:first-child').css({ 'display':'none'});
$(".panel fieldset").attr("style", "margin: 0!important");
$("dd:last-child").attr("style", "text-align: right");
$(".content").attr("style", "display: none");
$(".panel").attr("style", "background-color: inherit; box-shadow: none");
$(".h3").attr("style", "border: 0; font-size: 32px; font-weight: 500; margin-bottom: 20px;");
$("input[type='text']").attr("style", "width: 100%!important; border: 1px solid #ced4da; border-radius: 5px; padding: 6px 12px; font-size: 16px;");
$(".button1").attr("style", "text-transform: uppercase; font-size: 20px; width: 100%!important; margin: 8px 0 0;");
$("#wrap").attr("style", "background-color: #fff; margin-top: 64px;");
$("dd").attr("style", "margin-left: 0!important; text-align: right;");
$("label").attr("style", "margin-right: 0!important;");
$("dl:nth-child(3)").attr("style", "padding: 0;");
$(".conteneur_minwidth_IE").attr("style", "flex: inherit");
$(".page-title").attr("style", "color: #444; border: 0; font-size: 32px; font-weight: 500; padding: 0");
$(".inner p").attr("style", "width: 105%;");
$("body").attr("style", "background-color: #fff; align-items: center; justify-content: center; display: flex;");
$("#username").attr("placeholder", "Nome de usuário");
$("#password").attr("placeholder", "Senha");
$(".button1").attr("value", "Entrar");
$(".h3").text( "Iniciar sessão" );
var $password = $('#password');
$password.attr("style", "width: 100%!important; border: 1px solid #ced4da; border-radius: 5px; padding: 6px 12px; font-size: 16px; margin-bottom: 8px;");
var $panel1 = $('form .panel');
$panel1.attr("style", "background-color: #fff; box-shadow: 0 1rem 3rem rgba(0,0,0,.175)!important; padding: 32px; width: 366px; margin: auto; display:block!important");
var $content = $('form .content');
$content.attr("style", "display: block!important");
var $register = $('form .panel .inner .content .fields1');
$register.append('<a href="/register"><div style="font-size: 20px; align-items: center; justify-content: center; display: flex; padding: 10px 24px; text-transform: uppercase;"><i class="fa fa-user" style="margin-right: 8px"></i>Registrar</div></a>');
var $footer = $('.conteneur_minwidth_IE');
$footer.append('<div style="text-align: center; font-size: 16px; color: #6c757d;"><p style="margin: 0 0 6px; font-size: 14px">Feito <i class="fas fa-code"></i> por <a href="https://ajuda.forumeiros.com/u64319">vcapelli</a> para <a href="https://forumeiros.com/">Forumeiros.com</a></p><div class="footer-link"><a href="/forum">Início</a><a href="/faq">FAQ</a><a href="/privacy">Política de Privacidade</a></div>');
$footer.append('<img style="position: absolute; top: calc(20% - 44.50px - 44.50px); left: 50%; transform: translate(-50%, 0);" src="https://2img.net/r/frmste/images/sigle.png"/>');
var $footercss = $('.footer-link a');
$footercss.attr("style", "margin: 0 6px;");
var $awesome = $('head');
$awesome.append('<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.10.2/css/all.css">');
});
}
)(jQuery);
O código foi feito e testado no ModernBB muito provavelmente se for usar em uma outra versão haverá a necessidade de adaptar.
Tópicos semelhantes
» Como mudar essa cor da página de login?
» Redirecionar página de login de Fórum para página de login personalizada
» [Plugin] Deletar mensagem via AJAX (sem atualizar a página)
» Mudar login
» pagina de login
» Redirecionar página de login de Fórum para página de login personalizada
» [Plugin] Deletar mensagem via AJAX (sem atualizar a página)
» Mudar login
» pagina de login
Página 1 de 1
Permissões neste sub-fórum
Não podes responder a tópicos