Reputação em ModernBB

Detalhes da questão

Endereço do fórum: http://urlxdr.forumeiros.com/
Versão do fórum: ModernBB

Descrição

Olá a todos, eu gostaria de saber como colocar um sistema de reputação legal em meu fórum

Eu coloquei ele na versão 'ModernBB' e nesse tópico que eu li (https://ajuda.forumeiros.com/t93881-tutorial-reputacao-com-estilo-de-rank) não mostra o código para a versão que eu estou (ModernBB)

Alguém pode me ajudar? eu gostaria de deixar nesse estilo aí o Sistema de reputação no meu fórum...

Agradeço a atenção!

Seja bem-vindo ao nosso fórum de Suporte! Como acabou de se inscrever, veja aqui alguns links importantes a saber: Regras do Fórum, e o que você não deve fazer neste fórum. Os demais fóruns de Suporte Forumeiros Lista de Tutoriais e astúcias e Questões frequentes. Conheça a Staff do Fórum dos Fóruns. Conheça a função Busca.

Olá, é que na época desse tutorial, não existia essa versão, você pode experimentar o código da versão Phpbb3 por hora, até que haja um código específico para a Modernbb...

Ficará assim http://prntscr.com/g40g65

Depois disso vá em Painel de Controle Usuários & Grupos Perfis ma Reputação clique na e remova a cor do campo reputação.

E ficará assim http://prntscr.com/g40ijw

Espero ter explicado direito...
Até mais

Harleen escreveu:

Seja bem-vindo ao nosso fórum de Suporte! Como acabou de se inscrever, veja aqui alguns links importantes a saber: Regras do Fórum, e o que você não deve fazer neste fórum. Os demais fóruns de Suporte Forumeiros Lista de Tutoriais e astúcias e Questões frequentes. Conheça a Staff do Fórum dos Fóruns. Conheça a função Busca.

Olá, é que na época desse tutorial, não existia essa versão, você pode experimentar o código da versão Phpbb3 por hora, até que haja um código específico para a Modernbb...

Ficará assim http://prntscr.com/g40g65

Depois disso vá em Painel de Controle Usuários & Grupos Perfis ma Reputação clique na e remova a cor do campo reputação.

E ficará assim http://prntscr.com/g40ijw

Espero ter explicado direito...
Até mais

Olá, agradeço a atenção

Eu fiz tudo como foi dito no tópico que eu citei, fiz o que você disse também mas, não tive nenhum resultado, poderia me ajudar novamente?

Você já havia tentado o que escrevi? Irei tentar explicar mais explicitamente.

Siga as instruções do tutorial para aplicar o JavaScript, como ainda não há um código para a sua versão, a Modernbb, utilize a da versão Phpbb3, ou seja, esse código. certifique-se que o investimento esteja nos tópicos

Código:

$(document).ready(function() {
    $(".postprofile dl").each(function() {
        $(this).html($(this).html().replace(/<span class="label/g, '<dd><div class="post_field"><span class="label'));
    });
    $('.postprofile dl .post_field:contains("Reputação")').each(function() {
        var rep = $(this).text().match(/\d+/g);
        $(this).addClass('reputation');
        $(this).append('<span class="title" style="font-weight:normal"></span>');
        if (rep == 0) {
            $(this).find('.title').text('Neutro');
            $(this).addClass('zero');
        } else if (rep >= 1 && rep < 5) {
            $(this).find('.title').text('Iniciante');
        } else if (rep >= 5 && rep < 10) {
            $(this).find('.title').text('Membro ativo');
        } else if (rep >= 10) {
            $(this).find('.title').text('Excelente');
        }
    });
});

E o CSS fornecido no fim do tutorial que é esse

Código:

.reputation {
  background-color: rgb(141, 177, 62)!important;
  background-image: url(http://i38.servimg.com/u/f38/17/31/71/58/highli10.png);
  border--radius: 3px;
  color: rgb(255, 255, 255);
  font-weight: bold;
  display: block;
  margin: 0 auto;
  margin-bottom: 3px;
  padding: 3px 7px;
  max-width: 125px;
  text-align: center;
  text-shadow: rgba(0, 0, 0, 0.298039) 0px -1px 0px;
  background-position: 0px 1px;
  background-repeat: repeat no-repeat;
}
.reputation.zero {
  background-color: rgb(16, 16, 16)!important;
  color: rgb(255, 255, 255);
}

Ficará assim http://prntscr.com/g40u3y

Depois se quiser retirar a cor preta do nome Reputação Painel de Controle Usuários & Grupos Perfis na Reputação clique no e remova a cor do campo reputação. (como já havia explicado anteriormente) e ficará como enviei no print

Harleen escreveu:Você já havia tentado o que escrevi? Irei tentar explicar mais explicitamente.

Siga as instruções do tutorial para aplicar o JavaScript, como ainda não há um código para a sua versão, a Modernbb, utilize a da versão Phpbb3, ou seja, esse código. certifique-se que o investimento esteja nos tópicos

Código:

$(document).ready(function() {
    $(".postprofile dl").each(function() {
        $(this).html($(this).html().replace(/<span class="label/g, '<dd><div class="post_field"><span class="label'));
    });
    $('.postprofile dl .post_field:contains("Reputação")').each(function() {
        var rep = $(this).text().match(/\d+/g);
        $(this).addClass('reputation');
        $(this).append('<span class="title" style="font-weight:normal"></span>');
        if (rep == 0) {
            $(this).find('.title').text('Neutro');
            $(this).addClass('zero');
        } else if (rep >= 1 && rep < 5) {
            $(this).find('.title').text('Iniciante');
        } else if (rep >= 5 && rep < 10) {
            $(this).find('.title').text('Membro ativo');
        } else if (rep >= 10) {
            $(this).find('.title').text('Excelente');
        }
    });
});

E o CSS fornecido no fim do tutorial que é esse

Código:

.reputation {
  background-color: rgb(141, 177, 62)!important;
  background-image: url(http://i38.servimg.com/u/f38/17/31/71/58/highli10.png);
  border--radius: 3px;
  color: rgb(255, 255, 255);
  font-weight: bold;
  display: block;
  margin: 0 auto;
  margin-bottom: 3px;
  padding: 3px 7px;
  max-width: 125px;
  text-align: center;
  text-shadow: rgba(0, 0, 0, 0.298039) 0px -1px 0px;
  background-position: 0px 1px;
  background-repeat: repeat no-repeat;
}
.reputation.zero {
  background-color: rgb(16, 16, 16)!important;
  color: rgb(255, 255, 255);
}

Ficará assim http://prntscr.com/g40u3y

Depois se quiser retirar a cor preta do nome Reputação Painel de Controle Usuários & Grupos Perfis na Reputação clique no e remova a cor do campo reputação. (como já havia explicado anteriormente) e ficará como enviei no print

Opa, agora funcionou mano, eu tinha esquecido de selecionar a opção

"Habilitar o gerenciamento dos códigos JavaScript: (x) Sim ( ) Não"
Agora foi de boa, obrigado pela ajuda, valeu!!

De nada, bom ter ajudado.