Personalizar sistema de votação com Like como Fórum dos Fóruns

[TreiMark]

Olá,

Eu observei os últimos dias um ícone semelhante a um "like" em algumas mensagens do fórum FDF:



É possível colocar este botão em meu fórum, de modo que cada "like" represente um ponto a mais de reputação?

Se for possível, gostaria que apenas os moderadores pudessem dar um "like", mas se não for possível, esta parte não é necessária.

[GSCode]

Olá, crie um novo JavaScript com investimento nos tópicos:

Código:

jQuery(document).ready(function() {
    for (var a = $('.post', document.getElementById('main-content')), i = 0, p, rep, votes, plus, item, button, pseudo, opts; p = a[i]; i++) {
        item = document.createElement('LI');
        button = document.createElement('A');
        button.innerHTML = '<i class="fa"></i>';
        button.className = 'fa_vote';
        rep = $('.vote', p)[0];
        opts = p.getElementsByTagName('UL')[0];
        pseudo = $('.postprofile dt', p).text();
        if (rep) {
            votes = $('.vote-bar', rep)[0];
            plus = rep.getElementsByTagName('A')[0];
            if (votes) {
                votes = votes.title.replace(/.*\((\d+).*/, '$1');
                item.innerHTML = '<span class="fa_votes">' + votes + '</span>';
                item.title = votes + (votes == 1 ? ' pessoa gostou do tópico ' : ' pessoas gostaram do tópico ') + pseudo + ''
            } else {
                item.innerHTML = '<span class="fa_votes">0</span>';
                item.title = 'Nenhum voto foi computado para ' + pseudo + ''
            }
            if (plus && /plus/i.test(plus.href)) {
                button.className += ' fa_like';
                button.href = plus.href;
                button.title = 'Curtir a mensagem de ' + pseudo + '';
                button.onclick = function() {
                    var t = this;
                    t.onclick = function() {
                        return false
                    };
                    $.get(t.href, function() {
                        var v = t.nextSibling;
                        v.innerHTML = Number(v.innerHTML) + 1;
                        t.className += 'd';
                        t.parentNode.title = v.innerHTML + (v.innerHTML == 1 ? ' pessoa gostou do tópico ' : ' pessoas gostaram do tópico ') + t.title.replace(/.*?\s(.*?)'.*/, '$1') + '';
                        t.removeAttribute('title');
                        t.href = '#'
                    });
                    return false
                }
            } else {
                button.href = '#';
                button.className += ' fa_liked';
                button.onclick = function() {
                    return false
                }
            }
            item.insertBefore(button, item.firstChild);
            opts.insertBefore(item, opts.firstChild);
            rep.parentNode.removeChild(rep)
        }
    }
});

E adicione a sua CSS também:

Código:

.vote {
    float: right;
    margin-left: 4px;
    width: 9px
}
.vote .vote-button {
    font-weight: 700;
    margin-left: -1px;
    text-align: center
}
.vote .vote-button a {
    text-decoration: none!important
}
.vote .vote-bar {
    border: 1px solid #666;
    font-size: 0;
    height: 50px;
    margin: 0 auto;
    width: 3px
}
.vote .vote-no-bar {
    letter-spacing: -2px;
    margin-left: -2px;
    white-space: nowrap
}
.vote .vote-bar-plus {
    background-color: #0f0
}

.vote .vote-bar-minus {
    background-color: red
}
.fa_votes,a.fa_vote {
    display: inline-block!important;
    width: auto!important
}
a.fa_vote {
    color: #6A3;
    font-size: 18px;
    margin-right: 3px;
    text-decoration: none
}
a.fa_vote.fa_like:hover {
    color: #8C5
}
a.fa_vote.fa_liked {
    color: #ADA;
    cursor: default
}
.fa_votes {
    color: #4A0;
    cursor: default;
    font-size: 12px;
    font-weight: 700
}

Até!

[TreiMark]

Obrigado, @zSuYaNw.

Você poderia me ajudar agora me explicando o passo a passo?

Sou iniciante, ainda não consegui encontrar nenhum tutorial sobre isso.

Então, peço por gentileza que me ajude me mostrando as etapas para realizar isto, ou me indique algum tópico em que explique sobre isso.

Desde já obrigado!

[VitorC.]

Olá caro @Admim_Forum,

por favor aceda a seu fórum em: Painel de Controle Módulos HTML & JavaScript Gestão de códigos JavaScript.

Clique em 'Criar um novo JavaScript'. No 'Título' coloque o que você desejar, em 'Investimento' marque somente 'nos tópicos' e em 'Código JavaScript' cole o primeiro código. Salve.

Agora, ainda no Painel de Controle, vá em: Visualização Imagens e Cores Cores Folha de estilo CSS e cole o segundo código. Salve.

Até mais!

[GSCode]

Desculpe-me! Falta de atenção de minha parte, em não explicar o caminho para adição dos códigos!

Enfim, faça o que o amigo disse acima!
Até!

[TreiMark]

O código não funcionou como o esperado.

Está aparecendo um quadrado em vez de um "like" como aparece aqui no FDF.

Tem como arrumar isso?

[VitorC.]

Olá caro @Admim_Forum,

queira se certificar de que a opção 'Habilitar o gerenciamento dos códigos JavaScript' esteja marcada como 'Sim'.
Essa opção encontra-se na mesma aba que eu lhe informei.

Até mais.

[TreiMark]

@VitorC. observei alguns problemas que estão na mensagem acima:

O código não funcionou como o esperado.

Está aparecendo um quadrado em vez de um "like" como aparece aqui no FDF.

Tem como arrumar isso?

[TreiMark]

@zSuYaNw e @VitorC. é possível alterar o código para que apareça este botão "like" da imagem?



Desde já obrigado!

[VitorC.]

Adicione ao seu CSS:

Código:

.fa_votes,a.fa_vote{display:inline-block!important;width:auto!important}a.fa_vote{color:#6A3;font-size:18px;margin-right:3px;text-decoration:none}a.fa_vote.fa_like:hover{color:#8C5}a.fa_vote.fa_liked{color:#ADA;cursor:default}.fa_votes{color:#4A0;cursor:default;font-size:12px;font-weight:700}.fa_thanks{background:#DFD;border:1px solid #BDB;border-radius:6px;color:#280;font-size:16px;font-weight:700;margin-top:15px;padding:5px;text-align:center}.fa_thanks i.fa{color:#8C5;font-size:48px;vertical-align:middle}#quick_reply textarea{background:url(http://i.imgur.com/8Nwxxkj.png)}

Até mais.

[TreiMark]

Adicione ao seu CSS:

Código:

.fa_votes,a.fa_vote{display:inline-block!important;width:auto!important}a.fa_vote{color:#6A3;font-size:18px;margin-right:3px;text-decoration:none}a.fa_vote.fa_like:hover{color:#8C5}a.fa_vote.fa_liked{color:#ADA;cursor:default}.fa_votes{color:#4A0;cursor:default;font-size:12px;font-weight:700}.fa_thanks{background:#DFD;border:1px solid #BDB;border-radius:6px;color:#280;font-size:16px;font-weight:700;margin-top:15px;padding:5px;text-align:center}.fa_thanks i.fa{color:#8C5;font-size:48px;vertical-align:middle}#quick_reply textarea{background:url(http://i.imgur.com/8Nwxxkj.png)}

Até mais.

Não funcionou. Continua do mesmo jeito.

[RafaelS.]

Olá!

Adicione mais este código JavaScript:

Código:

    $(function() {
    $('head').append('<link rel="stylesheet" href="path/to/font-awesome/css/font-awesome.min.css">');
    });

Atenciosamente,
iChees

[TreiMark]

@iChees o código não funcionou. O ícone continua um quadrado.

[GSCode]

Olá,

Código:

/*Icones*/
.fa {
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

Adicione a sua CSS:
Visualização Imagens e Cores Cores Folha de estilo CSS e cole o segundo código.
Até!

[TreiMark]

@zSuYaNw o último código também não funcionou.

Mas deixo outra possibilidade.

Se você quiser pode trocar o ícone por este troféu que está abaixo:



Url da imagem:

Código:

http://i18.servimg.com/u/f18/19/24/82/70/icone10.jpg

Então pode optar pelo troféu ou pelo "like".

Aguardo sua ajuda

[GSCode]

Olá amigo,
Necessito da URL de seu fórum!
Até!

[Shek]

Bom dia!

Acesse Painel de Controle >> Visualização >> Templates >> Geral >> overall_header e lá, procure por:

Código:

{META}

Ao encontrá-la, basta adicionar abaixo:

Código:

<link rel=stylesheet href=//maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css>

Salve e publique o template. Em seguida, pressione o Ctrl + F5 após a aplicação em seu tópico.

Atenciosamente,
Shek

[TreiMark]

Olá amigo,
Necessito da URL de seu fórum!
Até!

A url de meu fórum é: http://olimpiadaenem.forumeiros.com/

[TreiMark]

Bom dia!

Acesse Painel de Controle >> Visualização >> Templates >> Geral >> overall_header e lá, procure por:

Código:

{META}

Ao encontrá-la, basta adicionar abaixo:

Código:

<link rel=stylesheet href=//maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css>

Salve e publique o template. Em seguida, pressione o Ctrl + F5 após a aplicação em seu tópico.

Atenciosamente,
Shek

Funcionou @Shek, Obrigado!

[TreiMark]

Antes de encerrar o tópico, gostaria de saber mais um detalhe:

É possível fazer com que este botão fique visível apenas para moderadores?

Ou ainda, que apenas os moderadores possam "curtir" uma mensagem?

[RafaelS.]

Olá amigo!

É possível sim, mas porém o senhor deveria evitar as mensagens consecutivas antes de passar 24 horas da última mensagem. O senhor poderia ter simplesmente editado sua mensagem anterior. Peço que faça mais atenção a este pormenor no futuro.

Bem, troque o código JavaScript passado pelo @zSuYaNw:

Código:

    jQuery(document).ready(function() {
if (_userdata["user_level"] == 2 ) {
        for (var a = $('.post', document.getElementById('main-content')), i = 0, p, rep, votes, plus, item, button, pseudo, opts; p = a[i]; i++) {
            item = document.createElement('LI');
            button = document.createElement('A');
            button.innerHTML = '<i class="fa"></i>';
            button.className = 'fa_vote';
            rep = $('.vote', p)[0];
            opts = p.getElementsByTagName('UL')[0];
            pseudo = $('.postprofile dt', p).text();
            if (rep) {
                votes = $('.vote-bar', rep)[0];
                plus = rep.getElementsByTagName('A')[0];
                if (votes) {
                    votes = votes.title.replace(/.*\((\d+).*/, '$1');
                    item.innerHTML = '<span class="fa_votes">' + votes + '</span>';
                    item.title = votes + (votes == 1 ? ' pessoa gostou do tópico ' : ' pessoas gostaram do tópico ') + pseudo + ''
                } else {
                    item.innerHTML = '<span class="fa_votes">0</span>';
                    item.title = 'Nenhum voto foi computado para ' + pseudo + ''
                }
                if (plus && /plus/i.test(plus.href)) {
                    button.className += ' fa_like';
                    button.href = plus.href;
                    button.title = 'Curtir a mensagem de ' + pseudo + '';
                    button.onclick = function() {
                        var t = this;
                        t.onclick = function() {
                            return false
                        };
                        $.get(t.href, function() {
                            var v = t.nextSibling;
                            v.innerHTML = Number(v.innerHTML) + 1;
                            t.className += 'd';
                            t.parentNode.title = v.innerHTML + (v.innerHTML == 1 ? ' pessoa gostou do tópico ' : ' pessoas gostaram do tópico ') + t.title.replace(/.*?\s(.*?)'.*/, '$1') + '';
                            t.removeAttribute('title');
                            t.href = '#'
                        });
                        return false
                    }
                } else {
                    button.href = '#';
                    button.className += ' fa_liked';
                    button.onclick = function() {
                        return false
                    }
                }
                item.insertBefore(button, item.firstChild);
                opts.insertBefore(item, opts.firstChild);
                rep.parentNode.removeChild(rep)
            }
        }
}
    });

Atenciosamente,
iChees

[TreiMark]

@iChees me desculpe pela questão das mensagens, vou tomar mais cuidado...

Quanto a seu código, ele não funcionou. Quando eu substituo pelo seu código os botões desaparecem para todos os membros.

[RafaelS.]

Olá novamente,

Tente este então:

Código:

    jQuery(document).ready(function() {
if (_userdata["user_level"] === 2 ) {
        for (var a = $('.post', document.getElementById('main-content')), i = 0, p, rep, votes, plus, item, button, pseudo, opts; p = a[i]; i++) {
            item = document.createElement('LI');
            button = document.createElement('A');
            button.innerHTML = '<i class="fa"></i>';
            button.className = 'fa_vote';
            rep = $('.vote', p)[0];
            opts = p.getElementsByTagName('UL')[0];
            pseudo = $('.postprofile dt', p).text();
            if (rep) {
                votes = $('.vote-bar', rep)[0];
                plus = rep.getElementsByTagName('A')[0];
                if (votes) {
                    votes = votes.title.replace(/.*\((\d+).*/, '$1');
                    item.innerHTML = '<span class="fa_votes">' + votes + '</span>';
                    item.title = votes + (votes == 1 ? ' pessoa gostou do tópico ' : ' pessoas gostaram do tópico ') + pseudo + '';
                } else {
                    item.innerHTML = '<span class="fa_votes">0</span>';
                    item.title = 'Nenhum voto foi computado para ' + pseudo + '';
                }
                if (plus && /plus/i.test(plus.href)) {
                    button.className += ' fa_like';
                    button.href = plus.href;
                    button.title = 'Curtir a mensagem de ' + pseudo + '';
                    button.onclick = function() {
                        var t = this;
                        t.onclick = function() {
                            return false;
                        };
                        $.get(t.href, function() {
                            var v = t.nextSibling;
                            v.innerHTML = Number(v.innerHTML) + 1;
                            t.className += 'd';
                            t.parentNode.title = v.innerHTML + (v.innerHTML == 1 ? ' pessoa gostou do tópico ' : ' pessoas gostaram do tópico ') + t.title.replace(/.*?\s(.*?)'.*/, '$1') + '';
                            t.removeAttribute('title');
                            t.href = '#';
                        });
                        return false;
                    };
                } else {
                    button.href = '#';
                    button.className += ' fa_liked';
                    button.onclick = function() {
                        return false;
                    };
                }
                item.insertBefore(button, item.firstChild);
                opts.insertBefore(item, opts.firstChild);
                rep.parentNode.removeChild(rep);
            }
        }
}else {
}
    });

[TreiMark]

Apresentou o mesmo problema. Os botões somem para todos os usuários e não ficam visíveis para os moderadores como o desejado.

[GSCode]

Olá,
Ok, vamos lá,

Painel de Controle Módulos HTML & JAVASCRIPT Gestão dos códigos JavaScript
Investimento: Em todas as páginas!

Estou utilizando, o código de ícones elegantes em usuários, feito pelo wag.
Isso é apenas uma tentativa, para sanar sua dúvida.

Código:

var _0x40a3=["\x68\x65\x61\x64","\x67\x65\x74\x45\x6C\x65\x6D\x65\x6E\x74\x73\x42\x79\x54\x61\x67\x4E\x61\x6D\x65","\x6C\x69\x6E\x6B","\x63\x72\x65\x61\x74\x65\x45\x6C\x65\x6D\x65\x6E\x74","\x74\x79\x70\x65","\x74\x65\x78\x74\x2F\x63\x73\x73","\x72\x65\x6C","\x73\x74\x79\x6C\x65\x73\x68\x65\x65\x74","\x68\x72\x65\x66","\x68\x74\x74\x70\x3A\x2F\x2F\x6E\x65\x74\x64\x6E\x61\x2E\x62\x6F\x6F\x74\x73\x74\x72\x61\x70\x63\x64\x6E\x2E\x63\x6F\x6D\x2F\x66\x6F\x6E\x74\x2D\x61\x77\x65\x73\x6F\x6D\x65\x2F\x34\x2E\x30\x2E\x33\x2F\x63\x73\x73\x2F\x66\x6F\x6E\x74\x2D\x61\x77\x65\x73\x6F\x6D\x65\x2E\x6D\x69\x6E\x2E\x63\x73\x73","\x61\x70\x70\x65\x6E\x64\x43\x68\x69\x6C\x64"];var headID=document[_0x40a3[1]](_0x40a3[0])[0];var cssNode=document[_0x40a3[3]](_0x40a3[2]);cssNode[_0x40a3[4]]=_0x40a3[5];cssNode[_0x40a3[6]]=_0x40a3[7];cssNode[_0x40a3[8]]=_0x40a3[9];headID[_0x40a3[10]](cssNode);

Até!

[RafaelS.]

Olá

@zSuYaNw não é dos ícones que ele está precisando pois isso funciona. Ele deseja que só apareça para os moderadores/administradores.

@Admim_Forum eu estarei procurando por uma solução para resolver isso, assim que tiver resultados eu posto aqui.

Atenciosamente,
iChees

[TreiMark]

Exatamente @iChees.

O botão está funcionando normalmente, quero agora que o botão apareça apenas para os moderadores/administradores.

[GSCode]

Olá,
Não sei se irá funcionar, tente:
(Substitua esse código pelo meu anterior.)

Código:

jQuery(document).ready(function() {
    var sPrefAdmin =
    for (var a = $('.post', document.getElementById('main-content')), i = 0, p, rep, votes, plus, item, button, pseudo, opts; p = a[i]; i++) {
        item = document.createElement('LI');
        button = document.createElement('A');
        button.innerHTML = '<i class="fa"></i>';
        button.className = 'fa_vote';
        rep = $('.vote', p)[0];
        opts = p.getElementsByTagName('UL')[0];
        pseudo = $('.postprofile dt', p).text();
        if(_userdata["user_level"] === 1){
            jQuery('input[name=subject]').after(sPrefAdmin);            
        }
        if (rep) {
            votes = $('.vote-bar', rep)[0];
            plus = rep.getElementsByTagName('A')[0];
            if (votes) {
                votes = votes.title.replace(/.*\((\d+).*/, '$1');
                item.innerHTML = '<span class="fa_votes">' + votes + '</span>';
                item.title = votes + (votes == 1 ? ' pessoa gostou do tópico ' : ' pessoas gostaram do tópico ') + pseudo + ''
            } else {
                item.innerHTML = '<span class="fa_votes">0</span>';
                item.title = 'Nenhum voto foi computado para ' + pseudo + ''
            }
            if (plus && /plus/i.test(plus.href)) {
                button.className += ' fa_like';
                button.href = plus.href;
                button.title = 'Curtir a mensagem de ' + pseudo + '';
                button.onclick = function() {
                    var t = this;
                    t.onclick = function() {
                        return false
                    };
                    $.get(t.href, function() {
                        var v = t.nextSibling;
                        v.innerHTML = Number(v.innerHTML) + 1;
                        t.className += 'd';
                        t.parentNode.title = v.innerHTML + (v.innerHTML == 1 ? ' pessoa gostou do tópico ' : ' pessoas gostaram do tópico ') + t.title.replace(/.*?\s(.*?)'.*/, '$1') + '';
                        t.removeAttribute('title');
                        t.href = '#'
                    });
                    return false
                }
            } else {
                button.href = '#';
                button.className += ' fa_liked';
                button.onclick = function() {
                    return false
                }
            }
            item.insertBefore(button, item.firstChild);
            opts.insertBefore(item, opts.firstChild);
            rep.parentNode.removeChild(rep)
        }
    }
});

Até!

[TreiMark]

@zSuYaNw o código fornecido não funcionou, os botões sumiram para todos os usuários (o Admin também).

[TreiMark]

Olá,

Vou repetir a pergunta para tentar esclarecer dúvidas.

O botão está funcionando corretamente. Os códigos que usei seguem abaixo:

Preciso agora que este botão fique visível apenas para moderadores/administradores, ou seja, que apenas esses usuários possam "votar". Alguém pode me ajudar?

JavaScript com investimento nos tópicos:

Código:

jQuery(document).ready(function() {
    for (var a = $('.post', document.getElementById('main-content')), i = 0, p, rep, votes, plus, item, button, pseudo, opts; p = a[i]; i++) {
        item = document.createElement('LI');
        button = document.createElement('A');
        button.innerHTML = '<i class="fa"></i>';
        button.className = 'fa_vote';
        rep = $('.vote', p)[0];
        opts = p.getElementsByTagName('UL')[0];
        pseudo = $('.postprofile dt', p).text();
        if (rep) {
            votes = $('.vote-bar', rep)[0];
            plus = rep.getElementsByTagName('A')[0];
            if (votes) {
                votes = votes.title.replace(/.*\((\d+).*/, '$1');
                item.innerHTML = '<span class="fa_votes">' + votes + '</span>';
                item.title = votes + (votes == 1 ? ' pessoa gostou do tópico ' : ' pessoas gostaram do tópico ') + pseudo + ''
            } else {
                item.innerHTML = '<span class="fa_votes">0</span>';
                item.title = 'Nenhum voto foi computado para ' + pseudo + ''
            }
            if (plus && /plus/i.test(plus.href)) {
                button.className += ' fa_like';
                button.href = plus.href;
                button.title = 'Curtir a mensagem de ' + pseudo + '';
                button.onclick = function() {
                    var t = this;
                    t.onclick = function() {
                        return false
                    };
                    $.get(t.href, function() {
                        var v = t.nextSibling;
                        v.innerHTML = Number(v.innerHTML) + 1;
                        t.className += 'd';
                        t.parentNode.title = v.innerHTML + (v.innerHTML == 1 ? ' pessoa gostou do tópico ' : ' pessoas gostaram do tópico ') + t.title.replace(/.*?\s(.*?)'.*/, '$1') + '';
                        t.removeAttribute('title');
                        t.href = '#'
                    });
                    return false
                }
            } else {
                button.href = '#';
                button.className += ' fa_liked';
                button.onclick = function() {
                    return false
                }
            }
            item.insertBefore(button, item.firstChild);
            opts.insertBefore(item, opts.firstChild);
            rep.parentNode.removeChild(rep)
        }
    }
});

E adicione a sua CSS também:

Código:

.vote {
    float: right;
    margin-left: 4px;
    width: 9px
}
.vote .vote-button {
    font-weight: 700;
    margin-left: -1px;
    text-align: center
}
.vote .vote-button a {
    text-decoration: none!important
}
.vote .vote-bar {
    border: 1px solid #666;
    font-size: 0;
    height: 50px;
    margin: 0 auto;
    width: 3px
}
.vote .vote-no-bar {
    letter-spacing: -2px;
    margin-left: -2px;
    white-space: nowrap
}
.vote .vote-bar-plus {
    background-color: #0f0
}

.vote .vote-bar-minus {
    background-color: red
}
.fa_votes,a.fa_vote {
    display: inline-block!important;
    width: auto!important
}
a.fa_vote {
    color: #6A3;
    font-size: 18px;
    margin-right: 3px;
    text-decoration: none
}
a.fa_vote.fa_like:hover {
    color: #8C5
}
a.fa_vote.fa_liked {
    color: #ADA;
    cursor: default
}
.fa_votes {
    color: #4A0;
    cursor: default;
    font-size: 12px;
    font-weight: 700
}

Até!

e

Acesse Painel de Controle >> Visualização >> Templates >> Geral >> overall_header e lá, procure por:

Código:

{META}

Ao encontrá-la, basta adicionar abaixo:

Código:

<link rel=stylesheet href=//maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css>

Salve e publique o template. Em seguida, pressione o Ctrl + F5 após a aplicação em seu tópico.

Atenciosamente,
Shek

[RafaelS.]

Olá!

Troque o JavaScript por este:

Código:

    jQuery(document).ready(function() {
        for (var a = $('.post', document.getElementById('main-content')), i = 0, p, rep, votes, plus, item, button, pseudo, opts; p = a[i]; i++) {
            item = document.createElement('LI');
            button = document.createElement('A');
            button.innerHTML = '<i class="fa"></i>';
            button.className = 'fa_vote';
            rep = $('.vote', p)[0];
            opts = p.getElementsByTagName('UL')[0];
            pseudo = $('.postprofile dt', p).text();
            if (rep) {
                votes = $('.vote-bar', rep)[0];
                plus = rep.getElementsByTagName('A')[0];
                if (votes) {
                    votes = votes.title.replace(/.*\((\d+).*/, '$1');
                    item.innerHTML = '<span class="fa_votes">' + votes + '</span>';
                    item.title = votes + (votes == 1 ? ' pessoa gostou do tópico ' : ' pessoas gostaram do tópico ') + pseudo + ''
                } else {
                    item.innerHTML = '<span class="fa_votes">0</span>';
                    item.title = 'Nenhum voto foi computado para ' + pseudo + ''
                }
                if (plus && /plus/i.test(plus.href)) {
                    button.className += ' fa_like';
                    button.href = plus.href;
                    button.title = 'Curtir a mensagem de ' + pseudo + '';
                    button.onclick = function() {
                        var t = this;
                        t.onclick = function() {
                            return false
                        };
                        $.get(t.href, function() {
                            var v = t.nextSibling;
                            v.innerHTML = Number(v.innerHTML) + 1;
                            t.className += 'd';
                            t.parentNode.title = v.innerHTML + (v.innerHTML == 1 ? ' pessoa gostou do tópico ' : ' pessoas gostaram do tópico ') + t.title.replace(/.*?\s(.*?)'.*/, '$1') + '';
                            t.removeAttribute('title');
                            t.href = '#'
                        });
                        return false
                    }
                } else {
                    button.href = '#';
                    button.className += ' fa_liked';
                    button.onclick = function() {
                        return false
                    }
                }
                item.insertBefore(button, item.firstChild);
                opts.insertBefore(item, opts.firstChild);
                rep.parentNode.removeChild(rep)
            }
        }
    });
$(function() {
if (_userdata["user_level"] === 0 || _userdata["user_level"] === 1) {
$( "li" ).has( "a.fa_vote" ).hide();
}
});

Resulta?

Abraços

[TreiMark]

Olá!

Troque o JavaScript por este:

Código:

    jQuery(document).ready(function() {
        for (var a = $('.post', document.getElementById('main-content')), i = 0, p, rep, votes, plus, item, button, pseudo, opts; p = a[i]; i++) {
            item = document.createElement('LI');
            button = document.createElement('A');
            button.innerHTML = '<i class="fa"></i>';
            button.className = 'fa_vote';
            rep = $('.vote', p)[0];
            opts = p.getElementsByTagName('UL')[0];
            pseudo = $('.postprofile dt', p).text();
            if (rep) {
                votes = $('.vote-bar', rep)[0];
                plus = rep.getElementsByTagName('A')[0];
                if (votes) {
                    votes = votes.title.replace(/.*\((\d+).*/, '$1');
                    item.innerHTML = '<span class="fa_votes">' + votes + '</span>';
                    item.title = votes + (votes == 1 ? ' pessoa gostou do tópico ' : ' pessoas gostaram do tópico ') + pseudo + ''
                } else {
                    item.innerHTML = '<span class="fa_votes">0</span>';
                    item.title = 'Nenhum voto foi computado para ' + pseudo + ''
                }
                if (plus && /plus/i.test(plus.href)) {
                    button.className += ' fa_like';
                    button.href = plus.href;
                    button.title = 'Curtir a mensagem de ' + pseudo + '';
                    button.onclick = function() {
                        var t = this;
                        t.onclick = function() {
                            return false
                        };
                        $.get(t.href, function() {
                            var v = t.nextSibling;
                            v.innerHTML = Number(v.innerHTML) + 1;
                            t.className += 'd';
                            t.parentNode.title = v.innerHTML + (v.innerHTML == 1 ? ' pessoa gostou do tópico ' : ' pessoas gostaram do tópico ') + t.title.replace(/.*?\s(.*?)'.*/, '$1') + '';
                            t.removeAttribute('title');
                            t.href = '#'
                        });
                        return false
                    }
                } else {
                    button.href = '#';
                    button.className += ' fa_liked';
                    button.onclick = function() {
                        return false
                    }
                }
                item.insertBefore(button, item.firstChild);
                opts.insertBefore(item, opts.firstChild);
                rep.parentNode.removeChild(rep)
            }
        }
    });
$(function() {
if (_userdata["user_level"] === 0 || _userdata["user_level"] === 1) {
$( "li" ).has( "a.fa_vote" ).hide();
}
});

Resulta?

Abraços

Não funcionou, o botão desapareceu para o administrador/moderadores.

[RafaelS.]

Olá!

Acho que agora funciona ao trocar por este:

Código:

        jQuery(document).ready(function() {
            for (var a = $('.post', document.getElementById('main-content')), i = 0, p, rep, votes, plus, item, button, pseudo, opts; p = a[i]; i++) {
                item = document.createElement('LI');
                button = document.createElement('A');
                button.innerHTML = '<i class="fa"></i>';
                button.className = 'fa_vote';
                rep = $('.vote', p)[0];
                opts = p.getElementsByTagName('UL')[0];
                pseudo = $('.postprofile dt', p).text();
                if (rep) {
                    votes = $('.vote-bar', rep)[0];
                    plus = rep.getElementsByTagName('A')[0];
                    if (votes) {
                        votes = votes.title.replace(/.*\((\d+).*/, '$1');
                        item.innerHTML = '<span class="fa_votes">' + votes + '</span>';
                        item.title = votes + (votes == 1 ? ' pessoa gostou do tópico ' : ' pessoas gostaram do tópico ') + pseudo + ''
                    } else {
                        item.innerHTML = '<span class="fa_votes">0</span>';
                        item.title = 'Nenhum voto foi computado para ' + pseudo + ''
                    }
                    if (plus && /plus/i.test(plus.href)) {
                        button.className += ' fa_like';
                        button.href = plus.href;
                        button.title = 'Curtir a mensagem de ' + pseudo + '';
                        button.onclick = function() {
                            var t = this;
                            t.onclick = function() {
                                return false
                            };
                            $.get(t.href, function() {
                                var v = t.nextSibling;
                                v.innerHTML = Number(v.innerHTML) + 1;
                                t.className += 'd';
                                t.parentNode.title = v.innerHTML + (v.innerHTML == 1 ? ' pessoa gostou do tópico ' : ' pessoas gostaram do tópico ') + t.title.replace(/.*?\s(.*?)'.*/, '$1') + '';
                                t.removeAttribute('title');
                                t.href = '#'
                            });
                            return false
                        }
                    } else {
                        button.href = '#';
                        button.className += ' fa_liked';
                        button.onclick = function() {
                            return false
                        }
                    }
                    item.insertBefore(button, item.firstChild);
                    opts.insertBefore(item, opts.firstChild);
                    rep.parentNode.removeChild(rep)
                }
            }
        });
  $(function() {
if (_userdata["user_level"] == 0) {
$( "li" ).has( "a.fa_vote" ).hide();
}else{
$( "li" ).has( "a.fa_vote" ).show();
}
});

Abraços

[TreiMark]

Perfeito @iChees, o código funcionou, muito obrigado pela ajuda...

Agora, se possível me dê um auxílio neste outro tópico: https://ajuda.forumeiros.com/t100205-como-inserir-uma-imagem-no-forum

Muito obrigado amigo!  

Olá!

Acho que agora funciona ao trocar por este:

Código:

        jQuery(document).ready(function() {
            for (var a = $('.post', document.getElementById('main-content')), i = 0, p, rep, votes, plus, item, button, pseudo, opts; p = a[i]; i++) {
                item = document.createElement('LI');
                button = document.createElement('A');
                button.innerHTML = '<i class="fa"></i>';
                button.className = 'fa_vote';
                rep = $('.vote', p)[0];
                opts = p.getElementsByTagName('UL')[0];
                pseudo = $('.postprofile dt', p).text();
                if (rep) {
                    votes = $('.vote-bar', rep)[0];
                    plus = rep.getElementsByTagName('A')[0];
                    if (votes) {
                        votes = votes.title.replace(/.*\((\d+).*/, '$1');
                        item.innerHTML = '<span class="fa_votes">' + votes + '</span>';
                        item.title = votes + (votes == 1 ? ' pessoa gostou do tópico ' : ' pessoas gostaram do tópico ') + pseudo + ''
                    } else {
                        item.innerHTML = '<span class="fa_votes">0</span>';
                        item.title = 'Nenhum voto foi computado para ' + pseudo + ''
                    }
                    if (plus && /plus/i.test(plus.href)) {
                        button.className += ' fa_like';
                        button.href = plus.href;
                        button.title = 'Curtir a mensagem de ' + pseudo + '';
                        button.onclick = function() {
                            var t = this;
                            t.onclick = function() {
                                return false
                            };
                            $.get(t.href, function() {
                                var v = t.nextSibling;
                                v.innerHTML = Number(v.innerHTML) + 1;
                                t.className += 'd';
                                t.parentNode.title = v.innerHTML + (v.innerHTML == 1 ? ' pessoa gostou do tópico ' : ' pessoas gostaram do tópico ') + t.title.replace(/.*?\s(.*?)'.*/, '$1') + '';
                                t.removeAttribute('title');
                                t.href = '#'
                            });
                            return false
                        }
                    } else {
                        button.href = '#';
                        button.className += ' fa_liked';
                        button.onclick = function() {
                            return false
                        }
                    }
                    item.insertBefore(button, item.firstChild);
                    opts.insertBefore(item, opts.firstChild);
                    rep.parentNode.removeChild(rep)
                }
            }
        });
   $(function() {
if (_userdata["user_level"] == 0) {
$( "li" ).has( "a.fa_vote" ).hide();
}else{
$( "li" ).has( "a.fa_vote" ).show();
}
});

Abraços

[RafaelS.]

Questão marcada como Resolvida ou o Autor solicitou que ela fosse arquivada. Tópico marcado como Resolvido e movido para Questões resolvidas.