[AddOn] Últimos assuntos - AwesomeBB

Ver o tópico anterior Ver o tópico seguinte Ir em baixo

  • 0

[AddOn] Últimos assuntos - AwesomeBB

Mensagem por Pedxz em 29/08/18, 03:12 am

Adicionar "Últimos assuntos" na versão AwesomeBB


Como sabemos, ainda não é possível utilizar widgets na versão AwesomeBB, por ela se encontrar em fase beta, e o widget de "Últimos assuntos" é bastante utilizado pelos administradores de fóruns Forumeiros. Com este código, será possível adicionar esse widget.

Características e aplicação

Autor: Pedxz
Versão do código: 1.0
Versão de fórum: AwesomeBB

Resultado da aplicação

A aplicação terá a seguinte aparência / resultado após ser aplicado ao fórum:


Local de instalação

A instalação é única, e pode ser feita apenas criando um novo javascript. O CSS pode ser modificado, e está embutido no Javascript. Queira seguir os passos a seguir para instalar o efeito em sua comunidade.

Painel de Controle >> Módulos >> HTML e Javascript >> Gestão dos códigos Javascript >> Criar um novo javascript

Investimento: No índice

Código:
/**
 *  Últimos assuntos - AwesomeBB by Pedxz
 *  Created August 26, 2018 <1.0>
 *  See more: http://ajuda.forumeiros.com
*/
$(function() {
 
    var title = 'Últimos Assuntos', empty = 'No momento estamos sem tópicos para poderes ver ou não têm permissão para vê-los!', last = $('<div>', {
        id: 'block-latest',
        class: 'block-subtle'
    }).append(
        ' <i class="material-icons">chat_bubble_outline</i>' +
        ' <div>' +
        ' <span class="headline">' + title + '</span>' +
        ' <div class="block-last-load"></div>' +
        ' </div>'
    );
 
    if (_board.tpl_version !== 'awesomebb') return;
 
    $(last).insertBefore('#block-online');
 
    $('#block-latest .block-last-load').load('/latest .block-topics-details');
 
    $('head').append(
        '<style type="text/css">' +
        '.block-last-load:empty::before {' +
        ' content: "'+ empty +'";' +
        '}'+
        '#block-latest i {' +
        ' color: #BF263C;' +
        '}' +
        '.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: #F5F7FA;' +
        '}' +
        '#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;' +
        '}' +
        '@media only screen and (max-width: 768px) {' +
        ' #block-latest {' +
        '  margin-top: 20px;' +
        ' }' +
        '}' +
        '</style>'
    );
 
});
Caso o widget esteja a aparecer em branco para os convidados, aceda a Painel de Controle >> Usuários & Grupos >> Autorizações especiais e verifique se a opção de busca se encontra autorizada para os convidados.
avatar

Pedxz
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 13/01/2017
Mensagens : 1735
Pontos Ativos : 2242

Ver perfil do usuário https://ajuda.forumeiros.com

Ver o tópico anterior Ver o tópico seguinte Voltar ao Topo


Permissão deste fórum:
Você não pode responder aos tópicos neste fórum