Botão curtir nas mensagens

3 participantes

Ir para baixo

Tópico resolvido Botão curtir nas mensagens

Mensagem por lulimaspbr 29.04.16 15:36

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 Feliz


Última edição por lulimaspbr em 02.05.16 19:37, editado 1 vez(es)
lulimaspbr
lulimaspbr
Novo Membro

Membro desde : 29/02/2016
Mensagens : 13
Pontos : 24

http://jardimsagrado.ativoforum.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Botão curtir nas mensagens

Mensagem por while 29.04.16 15:55

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.
while
while
Hiper Membro

Membro desde : 24/04/2016
Mensagens : 3263
Pontos : 4761

http://www.ajuda.forumeiros.com https://www.facebook.com/profile.php?id=100012157981279

Ir para o topo Ir para baixo

Tópico resolvido Re: Botão curtir nas mensagens

Mensagem por lulimaspbr 29.04.16 16:00

Oi While, bom dia,

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

Alguma outra sugestão?

Obrigada! Feliz
lulimaspbr
lulimaspbr
Novo Membro

Membro desde : 29/02/2016
Mensagens : 13
Pontos : 24

http://jardimsagrado.ativoforum.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Botão curtir nas mensagens

Mensagem por while 29.04.16 16:12

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.
while
while
Hiper Membro

Membro desde : 24/04/2016
Mensagens : 3263
Pontos : 4761

http://www.ajuda.forumeiros.com https://www.facebook.com/profile.php?id=100012157981279

Ir para o topo Ir para baixo

Tópico resolvido Re: Botão curtir nas mensagens

Mensagem por lulimaspbr 29.04.16 16:32

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
lulimaspbr
lulimaspbr
Novo Membro

Membro desde : 29/02/2016
Mensagens : 13
Pontos : 24

http://jardimsagrado.ativoforum.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Botão curtir nas mensagens

Mensagem por while 29.04.16 17:01

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....
while
while
Hiper Membro

Membro desde : 24/04/2016
Mensagens : 3263
Pontos : 4761

http://www.ajuda.forumeiros.com https://www.facebook.com/profile.php?id=100012157981279

Ir para o topo Ir para baixo

Tópico resolvido Re: Botão curtir nas mensagens

Mensagem por lulimaspbr 29.04.16 17:04

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

lulimaspbr
lulimaspbr
Novo Membro

Membro desde : 29/02/2016
Mensagens : 13
Pontos : 24

http://jardimsagrado.ativoforum.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Botão curtir nas mensagens

Mensagem por while 29.04.16 17:10

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.
while
while
Hiper Membro

Membro desde : 24/04/2016
Mensagens : 3263
Pontos : 4761

http://www.ajuda.forumeiros.com https://www.facebook.com/profile.php?id=100012157981279

Ir para o topo Ir para baixo

Tópico resolvido Re: Botão curtir nas mensagens

Mensagem por lulimaspbr 29.04.16 17:35

Oi While,

Infelizmente não funcionou.

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

Botão curtir nas mensagens Imajud

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

lulimaspbr
lulimaspbr
Novo Membro

Membro desde : 29/02/2016
Mensagens : 13
Pontos : 24

http://jardimsagrado.ativoforum.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Botão curtir nas mensagens

Mensagem por while 29.04.16 17:44

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.
while
while
Hiper Membro

Membro desde : 24/04/2016
Mensagens : 3263
Pontos : 4761

http://www.ajuda.forumeiros.com https://www.facebook.com/profile.php?id=100012157981279

Ir para o topo Ir para baixo

Tópico resolvido Re: Botão curtir nas mensagens

Mensagem por lulimaspbr 29.04.16 18:03

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:

Botão curtir nas mensagens Imajud1

Obrigada,
Lu

lulimaspbr
lulimaspbr
Novo Membro

Membro desde : 29/02/2016
Mensagens : 13
Pontos : 24

http://jardimsagrado.ativoforum.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Botão curtir nas mensagens

Mensagem por while 29.04.16 18:24

while
while
Hiper Membro

Membro desde : 24/04/2016
Mensagens : 3263
Pontos : 4761

http://www.ajuda.forumeiros.com https://www.facebook.com/profile.php?id=100012157981279

Ir para o topo Ir para baixo

Tópico resolvido Re: Botão curtir nas mensagens

Mensagem por lulimaspbr 29.04.16 19:17

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
lulimaspbr
lulimaspbr
Novo Membro

Membro desde : 29/02/2016
Mensagens : 13
Pontos : 24

http://jardimsagrado.ativoforum.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Botão curtir nas mensagens

Mensagem por .Danni. 29.04.16 19:19

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.
.Danni.
.Danni.
Super Membro

Membro desde : 13/01/2010
Mensagens : 1880
Pontos : 2623

https://coletivomistico.forumbrasil.net/

Ir para o topo Ir para baixo

Tópico resolvido Re: Botão curtir nas mensagens

Mensagem por lulimaspbr 29.04.16 19:21

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

Membro desde : 29/02/2016
Mensagens : 13
Pontos : 24

http://jardimsagrado.ativoforum.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Botão curtir nas mensagens

Mensagem por .Danni. 29.04.16 20:13

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-
Botão curtir nas mensagens 9SnmU

O que eu uso atualmente no meu fórum (PunBB) é esse: https://ajuda.forumeiros.com/t100407-
Botão curtir nas mensagens RkF642t
.Danni.
.Danni.
Super Membro

Membro desde : 13/01/2010
Mensagens : 1880
Pontos : 2623

https://coletivomistico.forumbrasil.net/

Ir para o topo Ir para baixo

Tópico resolvido Re: Botão curtir nas mensagens

Mensagem por lulimaspbr 29.04.16 20:55

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... Piscada

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

Membro desde : 29/02/2016
Mensagens : 13
Pontos : 24

http://jardimsagrado.ativoforum.com

Ir para o topo Ir para baixo

Ir para o topo

- Tópicos semelhantes

 
Permissões neste sub-fórum
Não podes responder a tópicos