Isto é uma pré-visualização de um tema em Hitskin.com
Instalar o tema • Voltar para a ficha do tema
Sistema de likes igual ao facebook
2 participantes
Fórum dos Fóruns :: Ajuda e atendimento ao utilizador :: Questões sobre códigos :: Questões resolvidas sobre códigos Javascript e jQuery
Página 1 de 1
Sistema de likes igual ao facebook
Detalhes da questão
Endereço do fórum: http://jogosemaisjogos.forumeiros.com
Versão do fórum: phpBB3
Descrição
Olá,
Tem como colocar um sistema de reputação como o do Facebook?
Convidado- Convidado
Re: Sistema de likes igual ao facebook
Olá @Roger123,
Crie uma Página JavaScript com revestimento Nos tópicos, com o seguinte código:
Adicione também na sua Folha de estilo, o seguinte código:
Cordialmente,
pedxz
Crie uma Página JavaScript com revestimento Nos tópicos, com o seguinte código:
- 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 também na sua Folha de estilo, o seguinte código:
- Código:
.BS_like {
background: #f0f0f0 url(https://cdn1.iconfinder.com/data/icons/social-media-13/24/Like-16.png) no-repeat 6px center;
background-size: 12px;
line-height: 18px;
user-select: none;
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
clear: both;
display: table;
margin: 5px;
padding: 3px 5px 3px 25px;
text-align: right;
font-weight: normal;
font-size: 11px;
color: #666;
cursor: pointer;
-webkit-transition: all, 0.15s;
-moz-transition: all, 0.15s;
-o-transition: all, 0.15s;
transition: all, 0.15s;
}
.BS_like:hover {
background-color: #daedfb;
color: #666;
}
.BS_done {
background-color: #93bb2d;
cursor: default;
color: white;
}
.pun .entry-content .vote {
display: none;
}
Cordialmente,
pedxz
tikky- Admineiro
- Membro desde : 13/01/2017
Mensagens : 7962
Pontos : 9217
Re: Sistema de likes igual ao facebook
Mude o script para:
- 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>';
$('.postbody .content', 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);
tikky- Admineiro
- Membro desde : 13/01/2017
Mensagens : 7962
Pontos : 9217
Re: Sistema de likes igual ao facebook
Tem como colocar o Adoro, Surpresa, colocar a opção de refazer e resolver o bug ao colocar like numa resposta também dar like no tópico?
Convidado- Convidado
Re: Sistema de likes igual ao facebook
Infelizmente não tem, porém com o script passado em cima dá para mudar o "Gosto" e o "Não Gosto" para outras opções. "também a opção de refazer?" não dá após deixar um gosto não é possivel desfazer essa opção.
tikky- Admineiro
- Membro desde : 13/01/2017
Mensagens : 7962
Pontos : 9217
Re: Sistema de likes igual ao facebook
Qual bug, Senhor?Tem como resolver o bug?
tikky- Admineiro
- Membro desde : 13/01/2017
Mensagens : 7962
Pontos : 9217
Re: Sistema de likes igual ao facebook
Ao colocar like no tópico/resposta coloca em todos os posts do tópico.
Convidado- Convidado
Re: Sistema de likes igual ao facebook
Passe-me a sua edição do script, por favor
tikky- Admineiro
- Membro desde : 13/01/2017
Mensagens : 7962
Pontos : 9217
Re: Sistema de likes igual ao facebook
- Código:
function bestskins_ls() {
var bestskins = {
singular: 'pessoa/s curtiu/ram isso!',
plural: 'pessoa/s curtiu/ram 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>';
$('.postbody .content', 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);
Convidado- Convidado
Re: Sistema de likes igual ao facebook
A sua edição é "inútil", visto que o script já possuei um sistema que identifica "curtida" - singular ou "curtidas" - plural, logo ficaria:
- Código:
singular: 'pessoa curtiu isso!',
plural: 'pessoas curtiram isso!'
tikky- Admineiro
- Membro desde : 13/01/2017
Mensagens : 7962
Pontos : 9217
Re: Sistema de likes igual ao facebook
O erro ocorreu devido a sua edição, provavelmente
tikky- Admineiro
- Membro desde : 13/01/2017
Mensagens : 7962
Pontos : 9217
Re: Sistema de likes igual ao facebook
Tente modificar o script em cima para:
Cordialmente,
pedxz
- Código:
function bestskins_ls() {
var bestskins = {
singular: 'pessoa curtiu isso!',
plural: 'pessoas 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>';
$('.post .content', 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);
Cordialmente,
pedxz
tikky- Admineiro
- Membro desde : 13/01/2017
Mensagens : 7962
Pontos : 9217
Re: Sistema de likes igual ao facebook
Olá,
Não funcionou...
Ao postar, todos os posts do tópico ficam com Likes...
Não funcionou...
Ao postar, todos os posts do tópico ficam com Likes...
Última edição por Roger123 em 09.08.18 10:10, editado 1 vez(es)
Convidado- Convidado
Re: Sistema de likes igual ao facebook
Tópico reabertoO tópico foi reaberto a pedido do autor. Tópico em curso. |
Tópicos semelhantes
» Sistema de likes
» Sistema de reputação com likes
» Sistema de likes no fórum
» Sistema de reputação com likes
» Sistema de rank ( likes ) nas postagens
» Sistema de reputação com likes
» Sistema de likes no fórum
» Sistema de reputação com likes
» Sistema de rank ( likes ) nas postagens
Fórum dos Fóruns :: Ajuda e atendimento ao utilizador :: Questões sobre códigos :: Questões resolvidas sobre códigos Javascript e jQuery
Página 1 de 1
Permissões neste sub-fórum
Não podes responder a tópicos