Últimos assuntos personalizado

Detalhes da questão

Endereço do fórum: http://familytudo2.forumeiros.com/
Versão do fórum: PunBB

Descrição

Boa noite,

Então eu tenho o Últimos assuntos personalizado,
que encontrei neste tópico: https://ajuda.forumeiros.com/t100061-

Porem meus últimos assuntos está assim, com widgets do lado:


Quero que fique exatamente assim:


Fórum em que vi: http://www.brasilplayvicio.com.br/forum Até mais.

Bom dia.

Acesse:
Painel de Controle Módulos Portal & Widgets Gestão dos widgets do fórum
Aperte no no Widget "Tópicos Recentes" e Salvar.

Atenciosamente,
Holkis - Moderador do grupo dos ajudeiros.
Tópico movido de 'Questões sobre a aparência do fórum' para 'Questões sobre códigos'

Olá, eu já fiz isso porem quando excluo o widgets Tópicos recentes os últimos assuntos sai também.

Olá autor, sim! tem total razão, o único modo de deixar sem o "tópicos recentes" ao lado é ocultando os widgets em todas as paginas, para não aparecer o widget, somente o efeito que você deseja.

Para isto, adicione esse código css em sua folha de estilo css:

Código:

#content-container div#right {display:none;}
        #content-container div#content {width:100%;}
        .recentTopics .main-content {overflow: auto!important;height:300px;}

Ta tudo pronto, com a rolagem, talvez não irá aparecer agora, pois está definido em 9 tópicos recentes apenas, mas você pode trocar para até 99 tópicos recentes aparecerem.

acesse:

Painel de Controle -> Modulos -> Portal & Widgets -> Gestão dos widgets do fórum

Clique em que estará na "tabelinha" do tópicos recentes, e em :
Quantidade de tópicos recentes você define a quantidade desejada.

Caso queira a lista de tópicos, parada e fixada, sem se mover ainda nessa tabela, terá:
Ativar o scrolling dos tópicos recentes deixe na opção não.

E salve.
Até mais.

Quase, lá assim ele oculta todos os widgets do fórum.

É possível deixar apenas os "Tópicos Recentes" oculto?

Foi como eu lhe disse... se eu deixar oculto o widget Tópicos recentes, o efeito do código JS irá sumir.

Ou eu removo tudo ou deixamos do modo que está, entende?

Mas, vamo tentar por javascript então (o primeiro widget do lado direito seja excluido).

Código:

$(function() {
    $(' #right div.module.main:eq(0)').remove();
});

Crie um novo javascript com o código acima com investimento em todas as paginas.

E troque o css que te passei acima por este:

Código:

#content-container div#right {display:block;}
        #content-container div#content {width:80%;}
        .recentTopics .main-content {overflow: auto!important;height:300px;}

Resulta?
Até mais.

Retire o css adicionado acima ou qualquer outra alteração feita nessa postagem,

depois troque seu Código JS,
por esse:

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)");
                       }
              });
          });
     });
    });

Resolvido já obrigado. #edit