Transformação de códigos AwesomeBB Para ModernBB

Detalhes da questão

Descrição

Código:

/**
 *  Últimos assuntos - AwesomeBB by Pedxz
 *  Created August 26, 2018 <UP_22.04.2020>
 *  See more: http://ajuda.forumeiros.com
 */
(function($, CSS) {
    'use strict';
 
    var config = {
        title: 'Tópicos Recentes',
        loading: 'Carregado',
        empty: 'No momento estamos sem tópicos para poderes ver ou não têm permissão para vê-los!',
        icon: 'chat',
    };
 
    $(function() {
 
        if (_board.tpl_version !== 'awesomebb') return;
        if (!config.title || !config.loading || !config.icon || !config.empty) return;
 
        $('<div>', {
            id: 'block-latest',
            class: 'block'
        }).html([
            ' <div class="box-head">',
            ' <i class="material-icons">' + config.icon + '</i>',
            ' <span>' + config.title + '</span>',
            ' </div>',
            ' <div class="box-body">',
            ' <div class="block-last-load">' + config.loading + '</div>',
            ' </div>'
        ].join('\n')).insertBefore('#index');
 
 
        $('#block-latest .block-last-load')
            .load('/latest .block-topics-details');
 
 
        $('<style>')
            .text('.block-last-load:empty::before { content: "'+ config.empty +'";}' + CSS.join('\n'))
            .appendTo('head');
 
    });
}(jQuery, [
    '.block-last-load {' +
    ' margin-left: -.37em;',
    ' margin-right: -.37em;',
    ' height: 300px;',
    ' overflow-y: auto;',
    '}',
    '',
    '.block-last-load a {',
    '  text-decoration: none;',
    '  border: 0!important;',
    '  display: inline;',
    '}',
    '',
    '.block-last-load .block-topics-details {',
    ' padding: 1em;',
    '}',
    '',
    '.block-last-load .block-topics-details:not(:nth-child(2n+1)) {',
    ' background-color: #2c3e50;',
    '}',
    '',
    '#block-latest h2 {',
    ' font-size: 16px;',
    ' text-overflow: ellipsis;',
    ' overflow: hidden;',
    ' white-space: nowrap;',
    ' width: 100%;',
    '}',
    '',
    '#block-latest .block-topics-author,',
    '#block-latest .block-topics-lastpost img {',
    '  display: none;',
    '}',
    '',
    '#block-latest .block-topics-lastpost,',
    '#block-latest .block-topics-author a {',
    '  display: inline;',
    '}',
    '',
    '.block-marquee {',
    '  overflow: hidden;',
    '}',
    '',
    '@media only screen and (max-width: 768px) {',
    ' #block-latest {',
    '  margin-top: 20px;',
    ' }',
    '}',
    ''
]));

Código:

$(function() {
    $('.post-aside').each(function() {
        var $this = $(this),
            cor = $this.find('.post-author-name span').css('color');
        $this.css('border-right', '7px solid').css('border-color', cor)
    })
});

Código:

(function($) {
            'use strict';
            $(function() {
                if (_userdata.session_logged_in === 1) {
                    return;
                }
                if (!((/^\/login/i.test(location.pathname)))) {
                    return;
                }
      
      
                $('header').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");
                $('.page-header').css('text-align', 'center');
                $('.page-header h2').replaceWith('<img src="https://2img.net/i.imgur.com/DxsSFEe.png" alt="Brasil Play Obscure" width="150">');
      
                $('#wrap').css({
                    'background-image': 'url(https://i.imgur.com/5WyZt2Q.png)',
                    'position': 'fixed',
                    'top': 0,
                    'left': 0,
                    'display': 'block',
                    'max-width': '100%',
                    'z-index': '999999',
                    'right': 0,
                    'min-width': '100%',
                    'overflow': 'hidden',
                    'bottom': 0,
                    'margin-top': 0
                });
      
                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);

1 Código -  Ultimos assuntos

2 Código - Borda avatar

Código:

$(function() {
    $('.post').each(function() {
        var $this = $(this),
            cor = $this.find('.postprofile-name span').css('color');
        $this.css('border-right', '7px solid').css('border-color', cor)
    })
});

3 Código - Login

PauloVinicios1755 escreveu:sem sucesso!

PauloVinicios1755 escreveu:opa desculpa a demora tava doente, mais o código funcionou mas não era assim que eu queria, quero igual a esse fórum: brasilplayobscure.forumeiros.com

PauloVinicios1755 escreveu:https://brasilplayobscure.forumeiros.com/f124-eventos

PauloVinicios1755 escreveu:não era assim que eu queria

Código:

(function($) {  
  'use strict';
  
  $(function() {
  
    $('.post').each(function() {
        var $post = $(this);
        var color = $post.find('.postprofile-name span').css('color');
      
      if(!color.length) return;
            
        $post
          .find('.postprofile')
          .css({
            'border-right': '7px solid',
            'border-color': color
          });
    });
  
  });
})(jQuery);

PauloVinicios1755 escreveu:ótimo agradeço desde já, mas ficou muito proximo do titulo do fórum

Código:

        (function($) { 
          'use strict';
         
          $(function() {
         
            $('.post').each(function() {
                var $post = $(this);
                var color = $post.find('.postprofile-name span').css('color');
             
              if(!color.length) return;
                   
                $post
                  .find('.postprofile > dl')
                  .css({
                    'border-right': '7px solid',
                    'border-color': color
                  });
            });
         
          });
        })(jQuery);

remover a listra roxa só da parte antes do código?

Código:

.post-head {
    border-width: 0 !important;
}

PauloVinicios1755 escreveu:como pode ver eu dei um espaçamento, fora que a listra roxa permaneceu mais só depois da borda eu coloquei um brilho na borda, e se puder colocar uma animação na bordar ficaria top, exemplo seria como  o nick que está no meu fórum, está um animação com o nick brilhante tem como

Código:

(function($) {
    'use strict';

    $(function() {

        $('.post').each(function() {
            var $post = $(this);
            var color = $post.find('.postprofile-name span').css('color');

            if (!color.length) return;

            $post
                .find('.postprofile')
                .css({
                    'transition': 'all 0.6s linear',
                    'border-top': '2px solid ' + color,
                    '-webkit-box-shadow': 'inset 0 20px 20px -20px ' + color,
                    '-moz-box-shadow': 'inset 0 20px 20px -20px ' + color,
                    'box-shadow': 'inset 0 20px 20px -20px ' + color
                })
                .end()
                .find('.postprofile-name span')
                .css('text-shadow', '2px 0 11px ' + color);
        });

    });
})(jQuery);

PauloVinicios1755 escreveu:borda ver ir até o final

Código:

(function($) {
    'use strict';
 
    $(function() {
 
        $('.post').each(function() {
            var $post = $(this);
            var color = $post.find('.postprofile-name span').css('color');
 
            if (!color.length) return;
 
            $post
                .find('.post-head')
                .css({
                    'transition': 'all 0.6s linear',
                    'border-top': '2px solid ' + color,
                    '-webkit-box-shadow': 'inset 0 20px 20px -20px ' + color,
                    '-moz-box-shadow': 'inset 0 20px 20px -20px ' + color,
                    'box-shadow': 'inset 0 20px 20px -20px ' + color
                })
                .end()
                .find('.postprofile-name span')
                .css('text-shadow', '2px 0 11px ' + color);
        });
 
    });
})(jQuery);

Código:

.post-head {
    border-color: #B009AB !important;
    background-color: #3D3C3D !important;
}

Código:

.post-head {
    background-color: #3D3C3D !important;
}

pedxz escreveu:Adicione na sua folha de estilo o seguinte código:

Código:

.post-head {
    border-width: 0 !important;
}