Isto é uma pré-visualização de um tema em Hitskin.com
Instalar o tema • Voltar para a ficha do tema
Botão curtir nas mensagens
3 participantes
Fórum dos Fóruns :: Ajuda e atendimento ao utilizador :: Questões sobre códigos :: Questões resolvidas sobre HTML e BBCode
Página 1 de 1
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
Última edição por lulimaspbr em 02.05.16 19:37, editado 1 vez(es)
Re: Botão curtir nas mensagens
Olá lulimas, crie um novo javascript com investimento nos topicos com esse codigo:
Adicione esse codigo css em sua folha de estilo:
Atenciosamente While.
- 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.
Re: Botão curtir nas mensagens
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!
Fiz o que você sugeriu, mas não vejo o botão "curtir" em nenhum tópico...
Alguma outra sugestão?
Obrigada!
Re: Botão curtir nas mensagens
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:
E o css por este:
Atenciosamente While.
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.
Re: Botão curtir nas mensagens
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
Segui suas instruções e não apareceu nenhuma opção "curtir" em meus posts.
De qualquer modo, agradeço sua ajuda.
Lu
Re: Botão curtir nas mensagens
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....
Re: Botão curtir nas mensagens
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
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
Re: Botão curtir nas mensagens
Olá Lu, Deixe o ultimo codigo que lhe passei (tanto o css como o js) e acesse:
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.
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.
Re: Botão curtir nas mensagens
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
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
Re: Botão curtir nas mensagens
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.
Re: Botão curtir nas mensagens
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
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
Re: Botão curtir nas mensagens
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
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
Re: Botão curtir nas mensagens
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.
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.
Re: Botão curtir nas mensagens
A questão, Danni, é descobrir um script que funcione, pois no meu fórum não está funcionando nada do que tentei até agora...
Re: Botão curtir nas mensagens
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-
https://ajuda.forumeiros.com/t64222-
O que eu uso atualmente no meu fórum (PunBB) é esse: https://ajuda.forumeiros.com/t100407-
Re: Botão curtir nas mensagens
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á...
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á...
Tópicos semelhantes
» Colocando botão "Curtir" nas mensagens
» Botão curtir nas mensagens
» Botão curtir nas mensagens
» Colocando botão "Curtir" nas mensagens
» Colocando botão Curtir nas mensagens
» Botão curtir nas mensagens
» Botão curtir nas mensagens
» Colocando botão "Curtir" nas mensagens
» Colocando botão Curtir nas mensagens
Fórum dos Fóruns :: Ajuda e atendimento ao utilizador :: Questões sobre códigos :: Questões resolvidas sobre HTML e BBCode
Página 1 de 1
Permissões neste sub-fórum
Não podes responder a tópicos