Reputação IPB

Detalhes da questão

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

Descrição

Bom, eu já criei um tópico uma vez com mesma sugestão, e o Hancki me ajudou.
Porem troquei template já tentei utilizar os mesmos passos que eu pedi só que não funcionou!

Reputação como quero: https://i.imgur.com/3nxqTtF.jpg

onde eu vi: http://proxstudio.forumeiros.com/

Até mais.

Olá amigo, crie um novo javascript com investimento nos topicos com esse código:

Código:

$(function() {
   var campoRep = $('.post_field:contains("Reputação")');
   campoRep.css('color', '#5F7A47').css('font-size', '13px').css('font-weight', '700');
   campoRep.find('span.label').css('font-size', '0px');
   $('.post_field:contains("Reputação")').html(function(_, html) {
       var imagem = '<img src="http://i.imgur.com/SUwscZI.png" style="margin-top:-10px;padding-right:2px;"/>';
       return html.replace(/Reputação/g, imagem)
   });
});

Atenciosamente,
While.

Não resultou.

Olá. vamos pra segunda tentativa então... Troque o js por este:

Código:

$(document).ready(function() {
    $('.pun .post .user').each(function() {
        $(this).html($(this).html().replace(/<span class="label/g, '<dd><div class="post_field"><span class="label'));
    });
    $('.user-info .post_field:contains("Reputação")').each(function() {
        var rep = $(this).text().match(/\d+/g);
        $(this).replaceWith('<div class="reputation"><i class="fa fa-plus-circle"></i>' + rep + '</div>');
    });
});

E adicione esse código css em sua folha de estilo:

Código:

.reputation {
    color: #5F7A47!important;
    font-size: 13px;
    font-weight: 700;
}
.fa {
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    transform: translate(0, 0);
}
.fa-plus-circle:before {
    content: "\f055";
}

Atenciosamente,
While.

Desculpa demora while, ficou bugado olhe: https://i.imgur.com/7bY9ZeE.jpg

Boa Noite!
tente com esse JS, Investimento Nos Tópicos

Código:

$(document).ready(function() {
    $('.pun .post .user').each(function() {
        $(this).html($(this).html().replace(/<span class="label/g, '<dd><div class="post_field"><span class="label'));
    });
    $('.user-info .post_field:contains("Reputação")').each(function() {
        var rep = $(this).text().match(/\d+/g);
        $(this).replaceWith('<div class="reputation"><i class="fa fa-plus-circle"></i>' + rep + '</div>');
    });
    $('.user-info .post_field:contains("Mensagens")').each(function() {
        var p = $(this).text().match(/\d+/g);
        if (p == 1) {
            $(this).replaceWith('<div class="p_wc">' + p + ' post</div>');
        } else if (p > 1) {
            $(this).replaceWith('<div class="p_wc">' + p + ' posts</div>');
        }
    });
});

CSS:

Código:

.reputation {
    color: #5F7A47 !important;
    font-size: 13px;
    font-weight: bold;
}

resulta ?

Resolvido pode fechar.