Fórum dos Fóruns

Fórum dos Fóruns Forumeiros

Welcome FdF Bem-vindo ao fórum de suporte Forumeiros  Muito feliz


Para aproveitar tudo o que o nosso fórum lhe oferece, agradecemos que se identifique, se já é nosso membro, ou que se junte à nossa comunidade, fazendo o seu registo.
Conectar-se

Esqueci minha senha

Perdi minha senha!
Você precisa recuperar sua senha?
Clique aqui
Os membros mais ativos da semana
Luiz
 
iScroll
 
Matt Shultz
 
Harleen
 
Ketholy123
 
T1ag0
 
zHugh
 
PlayWillian
 
ranzatti
 
soldado
 

Quem está conectado
185 usuários online :: 3 usuários cadastrados, Nenhum Invisível e 182 Visitantes :: 2 Motores de busca

7kgmlcdkv, soldado, uvmyyvpew

[ Ver toda a lista ]


O recorde de usuários online foi de 3131 em 24/12/09, 01:05 pm

Reputação IPB

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

Resolvido Reputação IPB

Mensagem por YouTube3 em 19/04/16, 08:57 am

Detalhes da questão


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

Descrição


Bom, quero mudar estilo de reputação do meu fórum.
já vi alguns tópicos, aqui com o mesmo pedido porem em meu fórum não obteve resultado!

Reputação como eu quero:

Fórum onde vi: http://www.wasdev.in/


Última edição por YouTube3 em 22/04/16, 09:49 pm, editado 1 vez(es)
avatar

YouTube3
Membro do Fórum

Masculino
Inscrito dia : 04/01/2015
Mensagens : 1080
Pontos Ativos : 1543

Ver perfil do usuário http://Ajuda.Forumeiros.com

Resolvido Re: Reputação IPB

Mensagem por YouTube3 em 19/04/16, 08:54 pm

avatar

YouTube3
Membro do Fórum

Masculino
Inscrito dia : 04/01/2015
Mensagens : 1080
Pontos Ativos : 1543

Ver perfil do usuário http://Ajuda.Forumeiros.com

Resolvido Re: Reputação IPB

Mensagem por GSCode em 20/04/16, 09:43 am

Olá,

JS - Nos tópicos.

Código:
function bestskins_ls() {
    for (var x = $('.vote'), i = 0, vote; (vote = x[i++]) ; ) {
        var count = 0
          , qtd = 0
          , barra = $('.vote-bar', vote)[0]
          , botao = $('.vote-button', vote)[0];
        if (barra) {
            var numbarra = barra.title.match(/\d+/g);
            qtd = Math.round(parseInt(numbarra[1]) * parseInt(numbarra[0])) / 100
        }
        botao = botao ? '<li><span onclick="bestskinsVoto(\'' + botao.firstChild.href + '\',this);" class="BS_like"><div class="rep_up"></div></span></li>' : '<li style="display: none;"><div class="rep_up"></div></li>';
        var numrep = '<li>' + (qtd == 0 ? '<span class="reput_vote zero">' + qtd + '</span>' : '<span class="reput_vote positive">' + qtd + '</span>') + '</li>';
        var htmlFinal = '<div class="rep_bar clearfix" id="rep_post">' + '      <ul class="bs_inline">' + botao + numrep + '</ul>' + '</div>';
        $('.postfoot', vote.parentNode.parentNode.parentNode.parentNode).before(htmlFinal)
    }
    x.remove()
}
;function bestskinsVoto(b, a) {
    a.onclick = '#';
    $.get(b, function() {
        a.parentNode.style.display = 'none';
        var verify = a.parentNode.nextSibling.firstChild.innerHTML;
        if (verify == 0) {
            a.parentNode.nextSibling.firstChild.classList.remove('zero'),
            a.parentNode.nextSibling.firstChild.classList.add('positive')
        }
        var c = a.parentNode.nextSibling.firstChild
          , b = parseInt(/\d+/.exec(c.innerHTML)[0]) + 1;
        c.innerHTML = c.innerHTML.replace(/\d+/, b)
    })
}
;if (document.readyState === 'complete') {
    bestskins_ls()
} else {
    document.addEventListener('DOMContentLoaded', function() {
        bestskins_ls()
    })
}

CSS:

Código:
.reputation {
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    background-color: #6f8f52;
    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;
}

Até mais.
avatar

GSCode
Usuário destaque

Masculino
Inscrito dia : 11/10/2013
Mensagens : 590
Pontos Ativos : 1031

Ver perfil do usuário http://testforumbrasil.forumeiros.com/forum

Resolvido Re: Reputação IPB

Mensagem por YouTube3 em 20/04/16, 11:56 am

Não Resultou GSCode.
avatar

YouTube3
Membro do Fórum

Masculino
Inscrito dia : 04/01/2015
Mensagens : 1080
Pontos Ativos : 1543

Ver perfil do usuário http://Ajuda.Forumeiros.com

Resolvido Re: Reputação IPB

Mensagem por YouTube3 em 20/04/16, 07:25 pm

avatar

YouTube3
Membro do Fórum

Masculino
Inscrito dia : 04/01/2015
Mensagens : 1080
Pontos Ativos : 1543

Ver perfil do usuário http://Ajuda.Forumeiros.com

Resolvido Re: Reputação IPB

Mensagem por YouTube3 em 21/04/16, 08:28 pm

avatar

YouTube3
Membro do Fórum

Masculino
Inscrito dia : 04/01/2015
Mensagens : 1080
Pontos Ativos : 1543

Ver perfil do usuário http://Ajuda.Forumeiros.com

Resolvido Re: Reputação IPB

Mensagem por Shek em 22/04/16, 12:27 pm

Olá!

Siga este tutorial: http://ajuda.forumeiros.com/t64222-

Obrigado por sua dúvida.

Até mais!


Shek CrowleyAdmineiro - Fórum dos Fóruns

Clicar no botão ou no OBRIGADO não mata ninguém!
avatar

Shek
Admineiro
Admineiro

Masculino
Inscrito dia : 11/04/2009
Mensagens : 16927
Pontos Ativos : 21262

Ver perfil do usuário http://www.shiftactif.com https://go.topicit.net/ZosT/61pMt1mPsG https://www.facebook.com/shek.crowley https://twitter.com/shek_forumactif

Resolvido Re: Reputação IPB

Mensagem por YouTube3 em 22/04/16, 01:49 pm

Olá Shek.

eu já segui este tutorial também, porem queria como está na imagem é possível?
avatar

YouTube3
Membro do Fórum

Masculino
Inscrito dia : 04/01/2015
Mensagens : 1080
Pontos Ativos : 1543

Ver perfil do usuário http://Ajuda.Forumeiros.com

Resolvido Re: Reputação IPB

Mensagem por Key of Destiny em 22/04/16, 02:07 pm

E aí, colega? Tudo joia?

Você pode seguir os passos desse tutorial: http://ajuda.forumeiros.com/t93881-, mas troque o código CSS sugerido por esse:
Código:
.reputation, .reputation.zero {
  background-color: #597127!important;
  background-image: url(http://i38.servimg.com/u/f38/17/31/71/58/highli10.png);
  border--radius: 3px;
  text-transform: uppercase;
  color: white;
  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;
}

Vá pela sombra! Muito feliz
avatar

Key of Destiny
Nível 9

Masculino
Inscrito dia : 15/12/2015
Mensagens : 211
Pontos Ativos : 349

Ver perfil do usuário

Resolvido Re: Reputação IPB

Mensagem por YouTube3 em 22/04/16, 02:35 pm

Opá tudo sim obg.

Ficou assim:

Até logo
avatar

YouTube3
Membro do Fórum

Masculino
Inscrito dia : 04/01/2015
Mensagens : 1080
Pontos Ativos : 1543

Ver perfil do usuário http://Ajuda.Forumeiros.com

Resolvido Re: Reputação IPB

Mensagem por YouTube3 em 22/04/16, 07:10 pm

avatar

YouTube3
Membro do Fórum

Masculino
Inscrito dia : 04/01/2015
Mensagens : 1080
Pontos Ativos : 1543

Ver perfil do usuário http://Ajuda.Forumeiros.com
  • 0

Resolvido Re: Reputação IPB

Mensagem por Cepheus em 22/04/16, 07:51 pm

Cuidado com ups antes do período de 24 horas,

Troque seu JS por esse:
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 .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');
}
});
});
avatar

Cepheus
Usuário destaque

Masculino
Inscrito dia : 21/03/2014
Mensagens : 514
Pontos Ativos : 1085

Ver perfil do usuário http://www.bestskins.net/

Resolvido Re: Reputação IPB

Mensagem por YouTube3 em 22/04/16, 08:33 pm

Ficou certinho cepheus.

porem teria como diminuir as largura dos lado e deixar um verde claro ?
avatar

YouTube3
Membro do Fórum

Masculino
Inscrito dia : 04/01/2015
Mensagens : 1080
Pontos Ativos : 1543

Ver perfil do usuário http://Ajuda.Forumeiros.com

Resolvido Re: Reputação IPB

Mensagem por Cepheus em 22/04/16, 08:46 pm

No css postado pelo Key of Destiny :
http://ajuda.forumeiros.com/t104749-reputacao-ipb#730148

Repare no seletor: .reputation, .reputation.zero

Código:
background-color: #597127!important;
Onde está: #597127
Troque por: #94C136

Repare também em:
Código:
max-width: 125px;
Onde está: 125px;
Troque por: 100px;
avatar

Cepheus
Usuário destaque

Masculino
Inscrito dia : 21/03/2014
Mensagens : 514
Pontos Ativos : 1085

Ver perfil do usuário http://www.bestskins.net/

Resolvido Re: Reputação IPB

Mensagem por YouTube3 em 22/04/16, 09:48 pm

Resolvido obrigado Cepheus
avatar

YouTube3
Membro do Fórum

Masculino
Inscrito dia : 04/01/2015
Mensagens : 1080
Pontos Ativos : 1543

Ver perfil do usuário http://Ajuda.Forumeiros.com

Ver o tópico anterior Ver o tópico seguinte Voltar ao Topo


Permissão deste fórum:
Você não pode responder aos tópicos neste fórum