Botão curtir nas mensagens

Detalhes da questão

Endereço do fórum: http://jardimsagrado.ativoforum.com/
Versão do fórum: PunBB

Descrição

Oi pessoal, bom dia,

Às vezes uma pessoa escreve uma resposta num tópico em meu fórum e não queremos necessariamente responder, queremos apenas sinalizar que lemos e que gostamos da interação dela. Então pensei em colocar o botão "curti" no meu fórum, mas não estou conseguindo.

Já fiz algumas pesquisas no site (nesse link especialmente: https://ajuda.forumeiros.com/t100407-tutorial-sistema-de-curtir-nas-mensagens?highlight=curtir) e por mais que eu faça as modificações que ali são sugeridas, não consigo ter o botão "curtir" nas mensagens.

Será que alguém poderia, por favor, me ajudar a ter o botão "curtir" nas mensagens?

Antecipadamente agradeço a ajuda

Olá lulimas, crie um novo javascript com investimento nos topicos com esse codigo:

Código:

function bestskins_ls(){var bestskins={singular:'Curtiu isso!',plural:'Curtiram isso!'};for(var x=$('.vote'),i=0,vote;(vote=x[i++]);){var 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}var numrep=qtd+' '+(qtd==1?bestskins.singular:bestskins.plural);botao=botao?'<span onclick="bestskinsVoto(\''+botao.firstChild.href+'\',this);" class="BS_like">'+numrep+'</span>':'<span class="BS_like BS_done">'+numrep+'</span>';$('.postfoot',vote.parentNode.parentNode.parentNode.parentNode).before(botao)}x.remove()};function bestskinsVoto(b,a){var d=a.innerHTML;a.innerHTML='Carregando...';a.onclick='#';$.get(b,function(){a.className+=' BS_done';a.innerHTML=d;var c=a,b=parseInt(/\d+/.exec(c.innerHTML)[0])+1;c.innerHTML=c.innerHTML.replace(/\d+/,b)})};document.addEventListener('DOMContentLoaded',bestskins_ls,false);

Adicione esse codigo css em sua folha de estilo:

Código:

.BS_like {
    -khtml-user-select: none;
    -moz-transition: all,0.15s;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-transition: all,0.15s;
    -webkit-touch-callout: none;
    -webkit-transition: all,0.15s;
    -webkit-user-select: none;
    background: #f0f0f0 url(https://cdn1.iconfinder.com/data/icons/social-media-13/24/Like-16.png) no-repeat 6px center;
    background-size: 12px;
    clear: both;
    color: #666;
    cursor: pointer;
    display: table;
    font-size: 11px;
    font-weight: 400;
    line-height: 18px;
    margin: 5px;
    padding: 3px 5px 3px 25px;
    text-align: right;
    transition: all,0.15s;
    user-select: none;
}
.BS_done {
    background-color: #93bb2d;
    color: #fff;
    cursor: default;
}

Atenciosamente While.

Oi While, bom dia,

Fiz o que você sugeriu, mas não vejo o botão "curtir" em nenhum tópico...

Alguma outra sugestão?

Obrigada!

Deverias ter mencionado que seu fórum é phpbb... eu pensei que fosse versão punbb amigo.
Por isto não funcionou.

Troque o JS por este:

Código:

/***
* Código: IPB Like System
* Data de criação: 18/07/2014
* Atualização: 31/03/2015
* Autor: Daemon
* Versão: 1.2
* Inspirado: IPB
* Acesse: http://bestskins.net & http://ajuda.forumeiros.com
* Não distribuir, ou remover os créditos do autor.
***/
function bestskins_ls() {
  // Imagem de reputação
  var reputation_UP = 'http://www.agrotube.com.br/images/seta_baixo.png';
  for(var x = $('.vote'), i = 0, vote; (vote = x[i++]); ) {
                var 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"><img src="' + reputation_UP + '" alt="+" class="rep_up"></span></li>' : '<li style="display: none;"><img src="' + reputation_UP + '" alt="+" class="rep_up"></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>';
  $('.postbody', vote.parentNode.parentNode.parentNode).append( 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();
      });
}

E o css por este:

Código:

 
/*******CURTIR NO POST********/
  #rep_post .reput_vote {
  background-color: #daedfb;
  color: #666;
  -khtml-user-select: none;
  -moz-transition: all,0.15s;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-transition: all,0.15s;
  -webkit-touch-callout: none;
  -webkit-transition: all,0.15s;
  -webkit-user-select: none;
  background: #f0f0f0 url(https://cdn1.iconfinder.com/data/icons/social-media-13/24/Like-16.png) no-repeat 6px center;
  background-size: 12px;
  clear: both;
  color: #666;
  cursor: pointer;
  display: table;
  font-size: 11px;
  font-weight: 400;
  line-height: 18px;
  margin: 5px;
  padding: 3px 5px 3px 25px;
  text-align: right;
  transition: all,0.15s;
}
.reput_vote.zero {
  background-color: #6a6a6a;
}
 
 
  .BS_like:hover {
  background-color: #daedfb;
  color: #666;
}
.BS_like {
  -khtml-user-select: none;
  -moz-transition: all,0.15s;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-transition: all,0.15s;
  -webkit-touch-callout: none;
  -webkit-transition: all,0.15s;
  -webkit-user-select: none;
  background: #f0f0f0 url(https://cdn1.iconfinder.com/data/icons/social-media-13/24/Like-16.png) no-repeat 6px center;
  background-size: 12px;
  clear: both;
  color: #666;
  cursor: pointer;
  display: table;
  font-size: 11px;
  font-weight: 400;
  line-height: 18px;
  margin: 5px;
  padding: 3px 5px 3px 25px;
  text-align: right;
  transition: all,0.15s;
  user-select: none;
}
 
.BS_like:before {
  content: "Curtir";
}
 
  #rep_post .bs_inline {
  list-style: none;
}
 
  .BS_like:hover {
  background-color: #daedfb;
  color: #666;
}
 
  #rep_post {white-space: nowrap;margin: 6px 4px;float: right;}
#rep_post .bs_inline {list-style: none;}
#rep_post .bs_inline > li {display: inline-block;margin: 0 3px;}
#rep_post .bs_inline > li:first-child {margin-left: 0;}
#rep_post .bs_inline img {display: none;}
#rep_post span img {cursor: pointer;}
 
 
.reput_vote.positive {background-color: #8db13e;}
.reput_vote.zero {background-color: #6a6a6a;}
 
#rep_post .reput_vote:before {
  content: "Curtidas ";
}
/***********FIM CURTIR************/

Atenciosamente While.

Perdoe-me, While, por não ter mencionado a versão do fórum, mas - para ser sincera - nem sei que versão é meu fórum ou onde ver esse detalhe.

Segui suas instruções e não apareceu nenhuma opção "curtir" em meus posts.

De qualquer modo, agradeço sua ajuda.

Lu

Você deve "curtir" os posts de outros usuários e não os seus... é claro que não vai aparecer pra você curtir o seu post....

Olá While,

Eu não estou curtindo posts de ninguém. Eu tenho um fórum e gostaria de ver o botão "curtir" ou uma opção que valha essa possibilidade.
Com as mudanças sugeridas por você, não vejo esse botão nas postagens de ninguém em meu fórum.

A mim está parecendo que essa opção é impossível em meu fórum.

De qualquer forma, obrigada.

Lu

Olá Lu, Deixe o ultimo codigo que lhe passei (tanto o css como o js) e acesse:

Painel de Controle -> Modulos -> Pontos e reputação -> Reputação

e em:Ativar o sistema de reputação deixe SIM

Caso mesmo assim não der, poderia me fornecer uma conta pra eu entrar em seu fórum? de preferencia sem permissão (ou seja em nenhum grupo especial).

Atenciosamente While.

Oi While,

Infelizmente não funcionou.

O que aparece agora nas mensagens dos membros do fórum é essa marcaçao na imagem:



Não sei exatamente como fornecer a você uma conta para entrada, já que esse é um fórum fechado. Se puder me instruir como faço isso, agradeço. Caso contrário, a única coisa que me ocorre é lhe fornecer meus próprios dados para entrada no meu próprio fórum. E isso não me parece o adequado.

Obrigada,
Lu

Olá Lu, apenas pedi pra você criar uma conta pra mim, ou simplesmente passar uma sem acesso ao painel de controle que você tenha no fórum... mas não faz mal, acabei de criar já, poderia aceita-la por gentileza? se chama While.

Entendi, While. Desculpe-me.

Já aceitei você como membro do fórum. Após essa questão ser resolvida, cancelo sua inscrição.

Por favor, me dê um retorno - se acreditar que esse caso pode ser solucionado.

Me ocorreu que talvez isso não esteja resultando em positivo porque você pode estar pensando que desejo um botão de curtir como no/do Facebook. Mas é mais do que isso...a ideia não é curtir e mostrar no Facebook. A ideia é apenas mostrar a quem escreveu um post que o post foi lido e apreciado. Veja a imagem abaixo de um outro fórum que tem esse recurso:



Obrigada,
Lu

Olá, seria isto?
https://ajuda.forumeiros.com/t42971-

Acredito que não, pois isso tem a ver exatamente com o Facebook, que é o que eu não quero.

Mas, como lhe disse, acredito que não haja uma solução adequada ainda para o que estou pedindo - que seria uma opção/possibilidade de o membro sinalizar satisfação com o post de alguem.

Vc pode fechar o tópico ou me dizer o que faço para tanto, pois estou desistindo do solicitado, já que não vejo alternativa valida para ele.

De qualquer modo, agradeço sua disposição em me fornecer auxílio.

Abraços,
Lu

Boa tarde,

Até onde eu sei existe a possibilidade de colocar um botão 'curtir' que exiba quantas vezes o post foi curtido, mas não quem curtiu.

A questão, Danni, é descobrir um script que funcione, pois no meu fórum não está funcionando nada do que tentei até agora...

O problema pode ser incompatibilidade do script com alguma coisa que já está em seu fórum, a maioria desses códigos é feita geralmente pra PunBB, poucos funcionam e/ou são adaptados para outras versões, porque antigamente essa plataforma (PunBB) era a melhor em termos de recursos, das que podiam ter o template editado. Eu usava um sistema parecido antes, mas menos interessante visualmente:

https://ajuda.forumeiros.com/t64222-


O que eu uso atualmente no meu fórum (PunBB) é esse: https://ajuda.forumeiros.com/t100407-

Cheguei a tentar esse também, Danni. Mas o que me apareceu foi o sinal de mais (+) e uma opção de "curtir" apenas para o primeiro post de um tópico.

Por isso acabei concluindo que essa opção é inviável para o meu fórum.

E concordo com você no que tem a ver com algum script incompatível...

O negócio é relaxar e continuar do jeito que está...