[TUTORIAL] Caixa em tópicos populares

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

[TUTORIAL] Caixa em tópicos populares Empty [TUTORIAL] Caixa em tópicos populares

Mensagem por Hancki 11.07.14 10:05


[TUTORIAL] Caixa em tópicos populares Ecrire10

Caixa em tópicos populares

Quando temos tópicos com mais respostas, ou seja, tópicos populares, é porque o assunto interessa a uma maioridade de pessoas. Com este efeito, vamos aprender a colocar uma caixa para esses tópicos em particular, dizendo que é popular.


--> Tutoriais, dicas e astúcias <--
Caixa em tópicos populares



- Conhecendo o código:
Temos códigos diferenciados para cada versão.

[TUTORIAL] Caixa em tópicos populares Php31210 PHPBB3
Código:
$(document).ready(function () {
    var sCSS = '<style>.popularhancki {background: #ED7710;display: block;height: 16px;margin: 0 auto;max-width: 50px;line-height: 16px;padding: 1px 5px;font-size:9px;font-weight: bold;text-transform: uppercase;color: #fff;-moz-border-radius: 4px;-webkit-border-radius: 4px;border-radius: 4px;vertical-align: middle;}</style>';
    document.head.insertAdjacentHTML('beforeEnd', sCSS);
    $("ul.topiclist dfn").remove();
        $('.forumbg .row dd.posts').each(function () {
            var numerorespostas = $(this).text();
            var popularhancki = '<span class="popularhancki">Popular</span>';
            if (numerorespostas >= 3) {
                $(this).append(popularhancki);
            }
        });
});
[TUTORIAL] Caixa em tópicos populares Php21110PHPBB2
Código:
$(document).ready(function () {
    var sCSS = '<style>.popularhancki {background: #ED7710;display: block;height: 16px;margin: 0 auto;max-width: 50px;line-height: 16px;padding: 1px 5px;font-size:9px;font-weight: bold;text-transform: uppercase;color: #fff;-moz-border-radius: 4px;-webkit-border-radius: 4px;border-radius: 4px;vertical-align: middle;}</style>';
    document.head.insertAdjacentHTML('beforeEnd', sCSS);
    $('th:contains("Respostas")').each(function () {
        $(this).parents('.forumline').find('tbody tr td.row2').each(function () {
            var numerorespostas = $(this).text();
            var popularhancki = '<span class="popularhancki">Popular</span>';
            if (numerorespostas >= 3) {
                $(this).append(popularhancki);
            }
        });
    });
});
$(document).ready(function () {
    $("table.forumline tbody tr").each(function () {
        $(".popularhancki:last", this).hide();
    });
});
[TUTORIAL] Caixa em tópicos populares Pun1210PUNBB
Código:
$(document).ready(function () {
    var sCSS = '<style>.popularhancki {background: #ED7710;display: block;height: 16px;margin: 0 auto;max-width: 50px;line-height: 16px;padding: 1px 5px;font-size:9px;font-weight: bold;text-transform: uppercase;color: #fff;-moz-border-radius: 4px;-webkit-border-radius: 4px;border-radius: 4px;vertical-align: middle;}</style>';
    document.head.insertAdjacentHTML('beforeEnd', sCSS);
    $('thead:contains("Respostas")').each(function () {
        $(this).parents('.main-content').find('td.tc2').each(function () {
            var numerorespostas = $(this).text();
            var popularhancki = '<span class="popularhancki">Popular</span>';
            if (numerorespostas >= 3) {
                $(this).append(popularhancki);
            }
        });
    });
});
[TUTORIAL] Caixa em tópicos populares Inv1010INVISION
Código:
$(document).ready(function () {
    var sCSS = '<style>.popularhancki {background: #ED7710;display: block;height: 16px;margin: 0 auto;max-width: 50px;line-height: 16px;padding: 1px 5px;font-size:9px;font-weight: bold;text-transform: uppercase;color: #fff;-moz-border-radius: 4px;-webkit-border-radius: 4px;border-radius: 4px;vertical-align: middle;}</style>';
    document.head.insertAdjacentHTML('beforeEnd', sCSS);
        $('.ipbtable tbody tr').each(function () {           
            var numerorespostas = $(this).find("td:eq(3)").text();
            var popularhancki = '<span class="popularhancki">Popular</span>';
            if (numerorespostas >= 3) {
                $(this).find("td:eq(3)").append(popularhancki);
            }
        });
});


- Modificando o código:
Agora, neste processo, é necessário a sua máxima atenção. Vamos modificar o número mínimo de tópicos para que este aviso apareça. Imaginemos que os seus tópicos se tornam populares apenas quando chegam a 20 mensagens. Então, escolherá o número 20 no seu código, como será explicado abaixo.
Então, para que isso aconteça, procure no código que escolheu no passo anterior, a seguinte linha:
Código:
if (numerorespostas >= 3) {
Repare que está lá o número 3. Mude esse número para o que desejar e está definido.


- Adicionando código JS:
As páginas javascript ativas em seu fórum possibilita inserir scripts e jquery para personalizar seu fórum, contudo é importante saber que qualquer script encontrado na internet acabam por não surgir efeito nos fóruns.

Painel de controle >> Módulos >> HTML & JavaScript >> Gestão dos códigos JavaScripts >>
[TUTORIAL] Caixa em tópicos populares Painel13
[TUTORIAL] Caixa em tópicos populares 110111Seta Título Correspondente ao nome da página JavaScript/jQuery que será criada.
[TUTORIAL] Caixa em tópicos populares 110210Seta Localização- São destinados os devidos locais para onde você aplicará os efeitos do JavaScript nos fóruns. No nosso caso, aplicaremos Em todas as páginas.
[TUTORIAL] Caixa em tópicos populares 110310Seta Código JavaScript Campo destinado para receber os códigos JavaScript e jQuery.
[TUTORIAL] Caixa em tópicos populares 110410Seta Habilitar o gerenciamento dos códigos JavaScript Ao selecionar a opção sim, estará ativando a função páginas Javascript no seu fórum. Se selecionar não, as páginas serão desabilitadas no fórum.

  • Resultado:
    [TUTORIAL] Caixa em tópicos populares CFv6D1O




© Fórum dos Fóruns


[TUTORIAL] Caixa em tópicos populares Act_bottom Se tiver alguma dúvida relacionada com este tópico crie um tópico com o seguinte título:
[Dúvida] Caixa em tópicos populares
Hancki

Hancki
Membro Entusiasta

Membro desde : 03/10/2009
Mensagens : 8195
Pontos : 12250

https://ajuda.forumeiros.com/

Ir para o topo Ir para baixo

Ver o tópico anterior Ver o tópico seguinte Ir para o topo

- Tópicos semelhantes

Permissões neste sub-fórum
Não podes responder a tópicos