Tornar um post popular

Nome do Arquivo: Tornar um post popular
Autor: Daemon
Funcionalidade: Todas as versões
Categoria: Recursos BestSkins

Olá, neste tutorial iremos aprender a tornar um post popular de acordo com o número de reputações recebidas naquele post.

Primeiro vamos até o painel de controle módulos html & javascript gestão dos códigos javascript criar um novo javascript
Título: A sua escolha
Investimento: Nos tópicos
Código:

Código:

/***
* Versão: 1.2
* Aplicação: Tornar um post popular
* Data: 14/07/2015
* Autor: Daemon
* Acesse: http://bestskins.net
* Não distribuir, ou remover os créditos do autor
***/
$(function() {
    $('head').append(
    '<style type="text/css">' +
    '.popular_post {' +
    ' background: #D5DEE5;' +
    ' border-radius: 5px 5px 5px 5px;' +
    ' color: #1D3652;' +
    ' float: right;' +
    ' font-size: 0.8em;' +
    ' font-weight: bold;' +
    ' margin: 5px 10px 10px;' +
    ' padding: 5px;' +
    ' text-align: center;' +
    '}' +
    '.popular_post img {' +
    ' max-width: 20px;' +
    '}' +
    '</style>'
    );
    var x = $('.vote');
    var qtd = 5; // Número de votos para que o post seja considerado popular
    for(var i = 0, l = x.length; i < l; i++) {
        var v = x[i],
            value = 0;
        var votebar = $('.vote-bar', v)[0];
        if(votebar) {
           var numbar = votebar.title.match(/\d+/g);
           value = Math.round(parseInt(numbar[1]) * parseInt(numbar[0])) / 100;
        }
        if(value >= qtd) {
           var pop = '<p class="popular_post"><img src="http://imgur.com/hds8Nup.png"><br>POPULAR</p>';
           v.insertAdjacentHTML('afterbegin', pop);
        }
  }
});

Localize o seguinte:

Código:

var qtd = 5;

Isto significa que todos os posts que tiverem 5 ou mais reputações irá se tornar popular.


Se tiver alguma dúvida em relação a este tutorial crie um tópico de mesmo nome.

Fico aqui só imaginando o quanto falta para que Forumeiros fique igualzinho IPB xD
Mais um ótimo recurso para a galera   

Eu antes já tinha isso aplicado em meu fórum, e funcionava na altura acho que pedia aqui.
Mas bom tutorial
Reputado

Opa Obrigado!

Emo, vc é o cara vey nmrl . Precisava deste código pra uma skin que estou criando pro Thorpe .-.
:v
Muito bom e-e

exelente aporte

Muito bom mesmo ema <3

[infos=Info]
Tutorial atualizado.[/infos]

Este código é demais! Parabéns Daemon!

Tenho os meus votos personalizados como aqui na BS penso, por isso o código não está a funcionar para mim, uma ajuda?

[Tens de ter uma conta e sessão iniciada para poderes visualizar este link]

GyGu escreveu:Tenho os meus votos personalizados como aqui na BS penso, por isso o código não está a funcionar para mim, uma ajuda?

[Tens de ter uma conta e sessão iniciada para poderes visualizar este link]

Cria um tópico Hélio, e posta o código que estas utilizando para o sistema de voto.


Até mais!