Tópicos Recentes no topo do fórum

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

Atendido / Resolvido Tópicos Recentes no topo do fórum

Mensagem por Gladiet 08.04.20 17:28

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
Gladiet

Gladiet
Nível 3

Masculino
Inscrito dia : 01/04/2020
Mensagens : 18
Pontos Ativos : 28

https://tavernadomestre.forumeiros.com/

Atendido / Resolvido Re: Tópicos Recentes no topo do fórum

Mensagem por Chagas 08.04.20 17:33

Saudações,

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

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

Atenciosamente,
Chagas
Chagas

Chagas
Usuário destaque

Masculino
Inscrito dia : 22/10/2015
Mensagens : 755
Pontos Ativos : 942

https://pelotao.forumeiros.com

Atendido / Resolvido Re: Tópicos Recentes no topo do fórum

Mensagem por Gladiet 10.04.20 13:41

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.

@Chagas escreveu:Saudações,

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

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

Atenciosamente,
Chagas
Gladiet

Gladiet
Nível 3

Masculino
Inscrito dia : 01/04/2020
Mensagens : 18
Pontos Ativos : 28

https://tavernadomestre.forumeiros.com/

Atendido / Resolvido Re: Tópicos Recentes no topo do fórum

Mensagem por Sleep 10.04.20 17:29

@Gladiet escreveu: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.

@Chagas escreveu: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

Sleep
Usuário destaque

Masculino
Inscrito dia : 10/08/2012
Mensagens : 782
Pontos Ativos : 971

https://syndicaterp.forumeiros.com/

Atendido / Resolvido Re: Tópicos Recentes no topo do fórum

Mensagem por Gladiet 10.04.20 17:51

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.



@Sleep escreveu:
@Gladiet escreveu: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.

@Chagas escreveu: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

Gladiet
Nível 3

Masculino
Inscrito dia : 01/04/2020
Mensagens : 18
Pontos Ativos : 28

https://tavernadomestre.forumeiros.com/

Atendido / Resolvido Re: Tópicos Recentes no topo do fórum

Mensagem por Sleep 11.04.20 20:53

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.
Sleep

Sleep
Usuário destaque

Masculino
Inscrito dia : 10/08/2012
Mensagens : 782
Pontos Ativos : 971

https://syndicaterp.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