Reputação personalizada

Detalhes da questão

Endereço do fórum: brasilplayfreedomofc.forumeiros.com/forum
Versão do fórum: PunBB

Descrição

Como faço para coloca esse sistema de reputação?

https://imgur.com/a/trEsb

O Numero ''1'' quando está logado aparece um dedo embaixo e quando clica aparece a quantidade de pessoas que clico, no caso a reputação q ele ganho

Olá, veja:
https://ajuda.forumeiros.com/t93881-
https://ajuda.forumeiros.com/t101031-

Até mais.

O de curti, tentei e não resultou, e a parte da reputação, não é bem essa que eu quero, essa quando não tem reputação fica o nome ''Neutro'' em baixo, eu quero sem esses nomes e tal.  Igual ao print

Olá autor,
em questão do efeito reputação é possível fazer a remoção dos elementos deixando apenas o nome reputação, como a imagem abaixo.
Fiz o teste em meu fórum e fico assim, e assim que você pretende?

Até mais.

Sim, mais teria como muda a cor verde por outra, no caso essa: #3aafc4 e coloca-lá em negrito '' Letra mais grossa'' e toda em maiúsculo?

Olá,
cria uma nova Gestão Javascript com Investimento nos tópico.

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).addClass('reputation');
$(this).append('<span class="title" style="font-weight:normal"></span>');
if(rep == 0) {
        $(this).find('.title').text('');
        $(this).addClass('zero');
}
else if(rep >= 1 && rep < 5) {
        $(this).find('.title').text('');
}
else if(rep >= 5 && rep < 10) {
        $(this).find('.title').text('');
}
else if(rep >= 10) {
        $(this).find('.title').text('');
}
});
});

e adiciona esse código em sua folha de CSS.

Código:

.reputation {
    background-color: #3aafc4!important;
    border-radius: 3px;
    border-top: 1px solid rgba(0,0,0,.20);
    bottom: -7px;
    color: #fff;
    display: inline-block;
    font-family: Ubuntu;
    font-size: 12px;
    font-weight: 700;
    margin: 5px;
    padding: 5px 10px;
    text-align: center;
    text-shadow: 0 2px 0 rgba(0,0,0,0.14);
    text-transform: uppercase;
}
.reputation.zero {
  background-color: rgb(16, 16, 16)!important;
  color: rgb(255, 255, 255);
}

Até mais.

ficou ótimo, só tem um problema, as letras ficaram dessa cor: #3aafc4


https://imgur.com/a/ptKsJ

Bom dia,
Altere seu código CSS para este:

Código:


.reputation {
    background-color: #3aafc4!important;
    border-radius: 3px;
    border-top: 1px solid rgba(0,0,0,.20);
    bottom: -7px;
    color: #fff!important;
    display: inline-block;
    font-family: Ubuntu;
    font-size: 12px;
    font-weight: 700;
    margin: 5px;
    padding: 5px 10px;
    text-align: center;
    text-shadow: 0 2px 0 rgba(0,0,0,0.14);
    text-transform: uppercase;
}
.reputation.zero {
  background-color: rgb(16, 16, 16)!important;
  color: rgb(255, 255, 255);
}


Um grande abraço e carinho,
Wamki

OláWamki, só qye agora, o nome que fico azul, e eu quero é a parte verde, que fique dessa cor: #3aafc4 as letras e números são pretos msm

@EDIT

Como fico: https://imgur.com/a/bhMfS

Bom dia,
Estou confuso , pode explicar novamente como você quer? E também poderia ativar o código?

Um grande abraço e carinho,
Wamki

Ta ativo, só que ficou assim: https://imgur.com/a/bhMfS.

Só que no luga da bolha preta, eu quero dessa cor: #3aafc4 e as letras que fica dentro da bolha, eu quero preto.

Bom dia,
Tá enganado, o código não está ativo, se olhar a imagem, verá que o efeito de Reputação não tá funcionando.

http://prntscr.com/c1z4mx

Um grande abraço e carinho,
Wamki

Ta ocorrendo isso, o código não está pegando para visitantes, tem como arruma-lo? Só mostra pra quem ta logado.

Bom dia,
Exclua todos códigos passados lá acima, vamos começar de zero, coloque este código JS em 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).addClass('reputation');
$(this).append('<span class="title" style="font-weight:normal"></span>');
if(rep == 0) {
        $(this).find('.title').text('');
        $(this).addClass('zero');
}
else if(rep >= 1 && rep < 5) {
        $(this).find('.title').text('');
}
else if(rep >= 5 && rep < 10) {
        $(this).find('.title').text('');
}
else if(rep >= 10) {
        $(this).find('.title').text('');
}
});
});


E coloque este código CSS

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);
}


Um grande abraço e carinho,
Wamki

O que o luig passo tava bom, porém só faltava arruma a cor das letras. E arruma para visualizar para visitantes.

Ainda continua não pegando para visitante.

Bom dia,
Relaxe, é só inicio, altere seu código CSS para este:

Código:


 
.reputation {
    background-color: #3aafc4!important;
    border-radius: 3px;
    border-top: 1px solid rgba(0,0,0,.20);
    bottom: -7px;
    color: #fff!important;
    display: inline-block;
    font-family: Ubuntu;
    font-size: 12px;
    font-weight: 700;
    margin: 5px;
    padding: 5px 10px;
    text-align: center;
    text-shadow: 0 2px 0 rgba(0,0,0,0.14);
    text-transform: uppercase;
}
.reputation.zero {
  background-color: rgb(16, 16, 16)!important;
  color: rgb(255, 255, 255);
}
.reputation {
    color: white!important;
    font-size: 13px;
    font-weight: bold;
}


Um grande abraço e carinho,
Wamki

Certo, resultou a cor que eu quero, porém como vc pode ver o nome "REPUTAÇÃO'' fica meio que transparente, eu gostaria dele com a mesma cor do número.

https://imgur.com/a/TrF7c

Ainda continua sem resulta para visitante.

Olá autor,
você já tento muda a cor na aba "perfil"? Caso não segue os passos.
Acenda:
Painel de controle Usuários & grupos Usuários Perfis.
procure por reputação. E mude a cor para qual a deseja.
Resulta?

Até mais.

Era isso msm, mais eu gostaria de saber qual é o código usado na cor do numero da reputação.

E falta resolver a questão dele aparecer pra visitante

Olá, sobre o motivo de estar aparecendo só para visitantes talvez seja conflito ou uma configuração... acesse:

Painel de Controle -> Usuarios & Grupos -> Usuarios -> Perfil

Ache o campo "reputação" e clique para configurar, terá isto:
Exibir este campo para os visitantes tendo ao menos o status deixe em convidados.

Caso mesmo assim não der, deve ser conflito, pois o código está certo.

Sobre a cor, procure no seu css por:

.reputation {

Terá essa propriedade:

color: #5F7A47 !important;

Basta trocar pela cor que desejar.

Até mais.

Fiz isso que vc mando, porém ainda fica sem exibir para convidados.

https://imgur.com/a/cm5ho

Bom não resta duvida que é conflito de códigos.

Queira desativar script por script para ver se funciona.

Até mais.

O código que está dando conflito é esse: 

Código:

jQuery(document).ready(function(){jQuery('.postbody table,.sig-content table').css({'position':'','z-index':'999','min-width':'1px','min-height':'1px','max-height':'1500px','max-width':'1500px'});

Porém, ele desbuga os tópicos e não deixa ninguem Ownar o fórum.


https://imgur.com/a/p7v6f

como vc pode ver, ao retira-lo, bugo essa parte q marquei em vermelho.

Que bom que achou o código em conflito,mas vai da sua opção, você deseja ter esse script ou retira-lo? se retirar,posso tentar dar um jeito nesse aspecto que bugou, mas vão poder ownar normalmente.... enfim, vai da sua opinião.

Fico no aguardo.
Até mais.

Teria algum outro código que não permita ownar o fórum? Se não tive pode arruma msm, retiro o código.

Infelizmente que eu saiba não tem.

Não vejo o tal erro, fico no seu aguardo.

Até mais.

Acabei de ver que o bug volto, porém o código ta desativado, estranho, oque pode ser.

@EDIT

Estranho, eu testei no Google Chrome ta pegando perfeitamente, já no Explore ta bugando.

E sobre o bug, é quando a barra que fica as categoria onde o tópico ta, quando passa do tamanho, ela acaba ficando grande demais e vai pra segunda linha, ficando em cima da barra do tópico e causando esse efeito da print.

@EDIT

O bug conseguir descobri oque é, a unica coisa que separa a parte que ta bugando é essa parte em preto que marquei: https://imgur.com/a/WJH2R porém ela não aparece para visitante, e acaba bugando, teria como coloca-lá para visitante tbm?

Isto foge totalmente do assunto do tópico autor.

Sugiro que crie um novo tópico para isto.

Podemos considerar como resolvido esse tópico?
Até mais.

Pode coloca como resolvido então.