Tópicos Recentes no topo do fórum

[Gladiet]

Detalhes da questão

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

Descrição

Boa tarde! Gostaria de pedir a ajuda de vocês para saber como eu posso coloca o Widget de tópicos recentes no centro do fórum em cima das categorias. Eu vi isso em um outro fórum (Segue abaixo o link) que inclusive utiliza a mesma skin que eu.

Grato desde já.

Link do fórum que vi: https://brasilplayhard-rpg.forumeiros.com/forum

[Chagas]

Saudações,

O senhor não tinha resolvido essa questão nesse tópico?

- https://ajuda.forumeiros.com/t114975-

Atenciosamente,
Chagas

[Gladiet]

Bom dia Chagas! Achei que tinha resolvido, mas após aplicar em meu fórum achei este widget muito complexo para os membros, acabei visitando este fórum e me deparei com o widget tópicos recentes da própria forumeiros no topo da página, exatamente do jeito que preciso.

Saudações,

O senhor não tinha resolvido essa questão nesse tópico?

- https://ajuda.forumeiros.com/t114975-

Atenciosamente,
Chagas

[Sleep]

Bom dia Chagas! Achei que tinha resolvido, mas após aplicar em meu fórum achei este widget muito complexo para os membros, acabei visitando este fórum e me deparei com o widget tópicos recentes da própria forumeiros no topo da página, exatamente do jeito que preciso.

Saudações,

O senhor não tinha resolvido essa questão nesse tópico?

- https://ajuda.forumeiros.com/t114975-

Atenciosamente,
Chagas

Boa tarde @Gladiet,

Agora deixou-me confuso, prefere um Widget por cima das categorias, como referido?

Ou como a do FdF:
http://prntscr.com/rwvonk

Atenciosamente,
Sleep

[Gladiet]

Boa tarde Sleep! Eu quero o wigdet mesmo em cima das categorias que nem no fórum citado. Seria o widget padrão de tópicos recentes mesmo.

Bom dia Chagas! Achei que tinha resolvido, mas após aplicar em meu fórum achei este widget muito complexo para os membros, acabei visitando este fórum e me deparei com o widget tópicos recentes da própria forumeiros no topo da página, exatamente do jeito que preciso.

Saudações,

O senhor não tinha resolvido essa questão nesse tópico?

- https://ajuda.forumeiros.com/t114975-

Atenciosamente,
Chagas

Boa tarde @Gladiet,

Agora deixou-me confuso, prefere um Widget por cima das categorias, como referido?

Ou como a do FdF:
http://prntscr.com/rwvonk

Atenciosamente,
Sleep

[Sleep]

Olá @Gladiet,

Crie um javascript com investimento no indice com esse código:

Código:

$(function () {
    $('head')
        .append(
            '<style type="text/css">' +
            '.recentTopics .main-content {' +
            '  font-family: helvetica, arial, sans-serif !important;' +
            '  line-height: 15px;' +
            '  padding: 0;' +
            '}' +
            '.recentTopics ul {' +
            '  padding-left: 0 !important;' +
            '}' +
            '.mini_photo {' +
            '  margin-right: 5px;' +
            '}' +
            'li.recentPost {' +
            '  min-height: 50px;' +
            '  padding: 1em 1em 0.5em 1em;' +
            '  list-style-type: none;' +
            '  border-bottom: 1px solid #f3f3f3;' +
            '}' +
            '.recentPost a[href^="/t"] {' +
            '  font-size: 14px;' +
            '  text-decoration: none;' +
            '  font-weight: bold;' +
            '}' +
            '.recentInline {' +
            '  min-width: 30%;' +
            '  font-size: 12px;' +
            '  float: right;' +
            '}' +
            '.small_links {' +
            '  display: table;' +
            '  margin-top: 10px;' +
            '}' +
            '.local {' +
            '  font-size: 0;' +
            '}' +
            '.local a:after {' +
            '  content: " → ";' +
            '}' +
            '.local a:last-child:after {' +
            '  content: "";' +
            '}' +
            '.small_links, .small_links a {' +
            '  color: #a4a4a4 !important;' +
            '  font-size: 12px !important;' +
            '  text-decoration: none !important;' +
            '}' +
            '.creator_post:before {' +
            '  content: "Tópico iniciado por ";' +
            '}' +
            '.creator_post:after {' +
            '  content: ", Em: ";' +
            '}' +
            '.recentTopics {' +
            '  margin: 15px 0;' +
            '}' +
            '</style>'
        );
    
    var jModuleRecentPosts = $('.module:contains("Últimos assuntos")');
    
    jModuleRecentPosts
        .remove() // Clonando widget de últimos assuntos
        .prependTo('#wrapper') // Inserindo no main-content
        .addClass('recentTopics') // Adicionando nova classe
        .removeClass('module'); // Removendo classe existente
    
    $('.recentTopics')
        .each(function () {
            $(this)
                .html(
                    $(this)
                    .html()
                    .replace(/\»/g, '')
                    .replace(/\<a href="\/t(.*?)\-/g, '<li class="recentPost"><a href="/t$1-')
                    .replace(/\<\/a\><br\>/g, '</a><div class="recentInline">')
                    .replace(/\<a href="\/u([0-9])"\>(.*?)<\/a\>/g, '<a href="/u$1">$2</a><br>')
                )
                .find('li')
                .wrapAll('<ul></ul>');
            $('a[href^="/u"]', this)
                .each(function () {
                    var jLinkUser = $(this)
                        .attr('href');
                    $(this)
                        .before(
                            '<a href="' + jLinkUser + '" class="user_photo lastpost-avatar">' +
                            '    <img src="http://r26.imgfast.net/users/2617/31/90/74/avatars/1-40.png" alt="no_photo" class="mini_photo" />' +
                            '</a>'
                        );
                    var jImg = $(this)
                        .prev()
                        .find('img')
                        , jUser = sessionStorage.getItem(jLinkUser);
                    if (jUser) {
                        jImg.attr('src', jUser);
                    } else {
                        $.ajax({
                            url: jLinkUser + "?change_version=punbb"
                            , type: 'GET'
                            , success: function (data) {
                                var jImage = $('#profile-advanced-right .module:first img:first', data)
                                    .attr('src');
                                jImg.attr('src', jImage);
                                sessionStorage.setItem(jLinkUser, jImage);
                            }
                            , error: function (err) {
                                alert("AJAX error in request (Last posts)");
                            }
                        });
                    }
                });
            $('a[href^="/t"]', this)
                .each(function () {
                    var jThis = $(this)
                        , jLinkTpc = jThis.attr('href')
                        .split('#')[0];
                    $.ajax({
                        url: jLinkTpc + "?change_version=punbb"
                        , type: 'GET'
                        , success: function (recent) {
                            var jCreator = ''
                                , jLocal = $('.crumbs:first a.nav', recent)
                                .wrapAll('<div></div>')
                                .parent()
                                .html()
                                , jPaging = $('.paging', recent)[0];
                            jThis.parents('.recentPost')
                                .append(
                                    '<div class="small_links">' +
                                    '    <span class="creator_post">Carregando...</span>' +
                                    '    <span class="local">' + jLocal + '</span>' +
                                    '</div>'
                                )
                                .find('a[href*="change_version"]')
                                .each(function () {
                                    var jHref = $(this)
                                        .attr('href')
                                        .split('?')[0];
                                    $(this)
                                        .attr('href', jHref);
                                });
                            if (jPaging) {
                                jCreator = $('a:contains("1")', jPaging)
                                    .attr('href');
                                jThis.parents('.recentPost')
                                    .find('.creator_post')
                                    .load(jCreator + ' .username:first', function () {
                                        $(this)
                                            .text($(this)
                                                .text());
                                    });
                            } else {
                                jCreator = $('.username:first', recent)
                                    .text();
                                jThis.parents('.recentPost')
                                    .find('.creator_post')
                                    .text(jCreator);
                            }
                        }
                        , error: function (err) {
                            alert("AJAX error in request (Last posts)");
                        }
                    });
                });
        });
});


Obs.:E obrigatório ter o widget últimos assuntos (tópicos recentes) ativo no seu fórum para funcionar.

Atenciosamente,
Sleep

@edit 15/04/2020

Tópico resolvido Tópico marcado como resolvido pela equipe por abandono do autor.