Problema com código de assuntos personalizados

Detalhes da questão

Endereço do fórum: http://antenadogames.forumeiros.com/
Versão do fórum: phpBB3

Descrição

Boa Noite pessoas, bem estou com problemas com esse código que foi passado nesse tópico.

A barra de ferramentas forumeiros fica desajeitada, já tentei mexer no CSS e já apliquei sem ter outro código ativo e nada... como sou ruinzinha em JavaScript venho lhes pedir ajuda.

Exemplo com o código aplicado



Sem o código fica normal



Editado, agora percebi mais uma coisa, na versão Punbb os tópicos estão aparecendo, já a versão Phpbb3 não está, mas mesmo na Punbb o problema da barra persiste.

Agradeço desde já

Eae, o/

Nessa parte do código:

Código:

'ul, ol {' +
  '  padding-left: 0 !important;' +
  '  list-style-type: none;' +
  '}' +

Troque o ul, ol por .ncont ul, .ncont ol.

o/

Olá Kyo eu fui troquei e a barra está normal.
Porém, como eu havia dito na mensagem, os tópicos não estão aparecendo.

Harleen escreveu:Editado, agora percebi mais uma coisa, na versão Punbb os tópicos estão aparecendo, já a versão Phpbb3 não está, mas mesmo na Punbb o problema da barra persiste.

Mas este script é apenas aplicado No índice. Quais tópicos estão desaparecendo?

Bom dia Kyo, nenhum o código está ativado.
Creio que seja a versão mesmo, eis o código que estou usando.

Código:

$(document).ready(function() {
    var box = $("#box_index");
    box.html(
      '<div class="news">' +
      '    <div class="ntab fw"></div>' +
      '    <div class="ncont por">' +
      '        <ul id="loaded_topics"></ul>' +
      '  </div>' +
      '</div>' +
      '<style>' +
      '.news {' +
      '  margin-top: 16px;' +
      '  height: auto;' +
      '  max-height: 324px;' +
      '  background: #fcfcfc;' +
      '}' +
      '.ntab {' +
      '  border: 1px solid #cacaca;' +
      '  border-bottom-width: 1px;' +
      '  border-top-width: 3px;' +
      '  height: 46px;' +
      '  background: #f2f2f2;' +
      '}' +
      '.ntab .on {' +
      '  margin: -3px 0 0 -1px;' +
      '  border: 1px solid #cacaca;' +
      '  border-top: 3px solid #a3a3a3;' +
      '  border-bottom: 1px solid #fcfcfc;' +
      '  background: #fcfcfc;' +
      '}' +
      '.ntab a {' +
      '  display: inline-block;' +
      '  float: left;' +
      '  height: 20px;' +
      '  padding: 13px 0;' +
      '  line-height: 20px;' +
      '  text-align: center;' +
      '  cursor: pointer;' +
      '  font-size: 16px;' +
      '}' +
      '.ntab span {' +
      '  display: inline-block;' +
      '  width: 140px;' +
      '  text-align: center;' +
      '  border-right: 1px solid #cacaca;' +
      '}' +
      '.ntab .on span, .ntab .last span {' +
      '  border: 0;' +
      '}' +
      '.ncont {' +
      '  border: 1px solid #cacaca;' +
      '  border-top-width: 0;' +
      '}' +
      '.por {' +
      '  position: relative;' +
      '}' +
      '.ncont ul, .ncont ol {' +
      '  padding-left: 0 !important;' +
      '  list-style-type: none;' +
      '}' +
      '.ncont li {' +
      '  border-bottom: 1px dashed #e6e6e6;' +
      '  line-height: 30px;' +
      '}' +
      '.ncont li a {' +
      '  padding: 0 12px 0 28px;' +
      '  background: url(https://cdn3.iconfinder.com/data/icons/faticons/32/message-01-16.png) no-repeat 5px center;' +
      '  display: block;' +
      '}' +
      '.ncont li a:hover {' +
      '  background-color: #e9e9e9;' +
      '}' +
      '.ncont li span {' +
      '  float: right;' +
      '  color: #716e6e;' +
      '}' +
      '</style>'
    );
   
    var subForuns = {
      "Nintendo": "19",
      "Playstation": "4",
      "Xbox": "6",
      "Jogos Mobile": "3"
    };
   
    $.each(subForuns, function(e, val) {
          $(".ntab.fw", box).append("<a href='javascript:void(0);' class='tabIndex' attr-data='" + val + "'><span>" + e + "</span></a>");
    }); // End each
   
    var firstTab = $(".tabIndex:first", box); // Primeira tab
    firstTab.addClass('on'); // Adicionar classe "on" na primeira tab
    var id = firstTab.attr('attr-data'); // Pegar id do fórum na primeira tab
   
    function load_topics() {
        $.ajax({
            type: "GET",
            url: "/f" + id + "-",
            beforeSend: function(objeto) {
              $("#loaded_topics", box).html("<center><img src='http://imgur.com/oYkqPvl.gif' style='height:100px;' alt></center>");
            },
            success: function(data) {
                $("#loaded_topics", box).html("");
   
                var qtd = 6; //Quantidade de tópicos que irá aparecer
   
                $("#main-content .table:last a.topictitle:lt(" + qtd + ")", data).each(function() {
                    var linkTopico =$(this).attr("href"),
                        nomeTopico = $(this).text(),
                        autor = $(this).closest("tr").find("td.tcl a[href^='/u']").text(),
                        qtdRespostas = $(this).closest("tr").find("td.tc2").text(),
                        qtdVisualizacoes = $(this).closest("tr").find("td.tc3").text(),
                        acv = "<span>por " + autor + " - Comentários: " + qtdRespostas + " - Visto: " + qtdVisualizacoes + "</span>";
                        if($(".blog_comments", data).length) {
                            acv = "<span>" + $(this).closest("tr").find(".blog_comments").text() + "</span>";
                        }
   
                    $("#loaded_topics", box).append("<li><a href='" + linkTopico + "' target='_blank'>" + acv + "" + nomeTopico + "</a></li>");
                });
            },
            error: function(jqXHR, textStatus, errorThrown) {
                console.log(textStatus, errorThrown);
            }
        });
    }
   
    load_topics(); // Carregar função load_topics
   
    $(".tabIndex").click(function(e) {
        $('.on').removeClass('on'); // Remover classe on da tab
        $(this).addClass('on'); // Adicionar classe on na tab clicada
        id = $(this).attr('attr-data'); // Pegar id do fórum na tab clicada
        load_topics(); // Carregar função load_topics
    });
   
    });

Os fóruns são esses
Nintendo (19)
PlayStation (4)
Xbox (6)
Jogos Mobile (3)

Agora que fui entender de quais tópicos se referia.

Em:

Código:

"#main-content .table:last a.topictitle:lt(" + qtd + ")"

Troque por:

Código:

".forum-category:last .topictitle:lt(" + qtd + ")"

Isso levando em consideração o tema do FA Edge.

Na verdade eu me referia a versão Phpbb3 eu testei sem na versão "crua" e nem mesmo assim funciona, troquei a parte que você indicou e os tópicos apareceram, ao invés de estar assim

Por - Fulano - Comentários: 0 - Visto: 0

Está assim
http://prntscr.com/ejtrkl

O código foi feito especificamente para PunBB. Acredito que ele não funcionará em nenhuma outra versão de fórum.

---

Procure por essa parte do código:

Código:

autor = $(this).closest("tr").find("td.tcl a[href^='/u']").text(),
qtdRespostas = $(this).closest("tr").find("td.tc2").text(),
qtdVisualizacoes = $(this).closest("tr").find("td.tc3").text(),

E troque por essa:

Código:

var $line = $(this).closest('.forum-block-inner');
autor = $line.find('.forum-lastpost a[href^="/u"]').text(),
qtdRespostas = $line.find('.posts .number').text(),
qtdVisualizacoes = $line.find('.views .number').text(),

Kyo Panda escreveu:O código foi feito especificamente para PunBB. Acredito que ele não funcionará em nenhuma outra versão de fórum.

Suspeitei desde o princípio

---------

As duas vezes que troquei o código o box sumiu, daí eu fui alterando as classes, conforme indicado e agora está 10

Muito obrigada.

Resolvido

Provavelmente foi por causa do apóstrofo que esqueci no fim do código, mas vamos fingir que ninguém viu minha edição vergonhosa na mensagem.

o/

---

Questão marcada como Resolvida ou o Autor solicitou que ela fosse arquivada. Tópico marcado como Resolvido e movido para "Questões resolvidas".