[Plugin] Mudar página de login Hitskin_logo Hitskin.com

Isto é uma pré-visualização de um tema em Hitskin.com
Instalar o temaVoltar para a ficha do tema

[Plugin] Mudar página de login

Ir para baixo

[Plugin] Mudar página de login Empty [Plugin] Mudar página de login

Mensagem por vcapelli 22.01.21 16:00

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.

[Plugin] Mudar página de login XRivbSl

A instalação pode ser feita criando um novo javascript:
Painel de Controle [Plugin] Mudar página de login 3481857688 Módulos [Plugin] Mudar página de login 3481857688 HTML e Javascript [Plugin] Mudar página de login 3481857688 Gestão dos códigos Javascript [Plugin] Mudar página de login 3481857688 Criar um novo javascript [Plugin] Mudar página de login 3481857688 Investimento [Plugin] Mudar página de login 3481857688 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.
vcapelli
vcapelli
****

Membro desde : 17/02/2018
Mensagens : 210
Pontos : 417

https://sistema-forum.forumeiros.com/ https://www.facebook.com/capellindao https://twitter.com/vitorcapee

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