Tópicos recentes na AwesomeBB

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

Atendido / Resolvido Tópicos recentes na AwesomeBB

Mensagem por maykondouglas 25.04.20 22:00

Detalhes da questão


Endereço do fórum: https://codsamp.forumeiros.com/
Versão do fórum: phpBB3

Descrição


Boa noite gostaria de saber como eu faço pra fazer esses estilo de topicos recentes
Tópicos recentes na AwesomeBB Topico10
pois esse é bem diferente dos que eu ja vi
maykondouglas

maykondouglas
Nível 6

Masculino
Inscrito dia : 16/04/2015
Mensagens : 67
Pontos Ativos : 91

http://brasiltruelife-rp.forumeiros.com/

Atendido / Resolvido Re: Tópicos recentes na AwesomeBB

Mensagem por pedxz 26.04.20 0:07

Olá @maykondouglas,

Crie uma nova Página JavaScript com investimento na página inicial, com o seguinte código:
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: 'Últimos Assuntos',
        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: #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;',
    '}',
    '',
    '.block-marquee {',
    '  overflow: hidden;',
    '}',
    '',
    '@media only screen and (max-width: 768px) {',
    ' #block-latest {',
    '  margin-top: 20px;',
    ' }',
    '}',
    ''
]));
veja se é isto que o senhor pretende! Leia também: [ADDON] Últimos assuntos - AwesomeBB  Contente


Atenciosamente,
pedxz.


Boas-vindas ao Fórum dos Fóruns!
Leia as regras do Fórum dos Fóruns e as regras do setor de suporte.
Antes de criar um tópico, verifique se sua questão já não foi respondida.
Se sua questão foi resolvida, marque-a editando a sua primeira postagem.
Pedxz - Moderadeiro
pedxz

pedxz
Moderadeiro
Moderadeiro

Inscrito dia : 13/01/2017
Mensagens : 5841
Pontos Ativos : 6950

Atendido / Resolvido Re: Tópicos recentes na AwesomeBB

Mensagem por maykondouglas 26.04.20 1:00

ficou show so tem um bugzin agora que e esse fundo branco que fica atrapalhando
https://i.servimg.com/u/f24/16/60/24/30/topico11.png
maykondouglas

maykondouglas
Nível 6

Masculino
Inscrito dia : 16/04/2015
Mensagens : 67
Pontos Ativos : 91

http://brasiltruelife-rp.forumeiros.com/

Atendido / Resolvido Re: Tópicos recentes na AwesomeBB

Mensagem por pedxz 26.04.20 9:33

Altere o script para:
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: 'Últimos Assuntos',
        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;',
    ' }',
    '}',
    ''
]));


Boas-vindas ao Fórum dos Fóruns!
Leia as regras do Fórum dos Fóruns e as regras do setor de suporte.
Antes de criar um tópico, verifique se sua questão já não foi respondida.
Se sua questão foi resolvida, marque-a editando a sua primeira postagem.
Pedxz - Moderadeiro
pedxz

pedxz
Moderadeiro
Moderadeiro

Inscrito dia : 13/01/2017
Mensagens : 5841
Pontos Ativos : 6950

Atendido / Resolvido Re: Tópicos recentes na AwesomeBB

Mensagem por maykondouglas 26.04.20 14:51

Resolvido pode fechar tópico fico impressionado como vocês são rapidos *-*
maykondouglas

maykondouglas
Nível 6

Masculino
Inscrito dia : 16/04/2015
Mensagens : 67
Pontos Ativos : 91

http://brasiltruelife-rp.forumeiros.com/

Atendido / Resolvido Re: Tópicos recentes na AwesomeBB

Mensagem por pedxz 26.04.20 15:09

Primeiro

Tópico resolvido


Movido para "Questões resolvidas".


Boas-vindas ao Fórum dos Fóruns!
Leia as regras do Fórum dos Fóruns e as regras do setor de suporte.
Antes de criar um tópico, verifique se sua questão já não foi respondida.
Se sua questão foi resolvida, marque-a editando a sua primeira postagem.
Pedxz - Moderadeiro
pedxz

pedxz
Moderadeiro
Moderadeiro

Inscrito dia : 13/01/2017
Mensagens : 5841
Pontos Ativos : 6950

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