Fórum dos Fóruns

Fórum dos Fóruns Forumeiros

Welcome FdF Bem-vindo ao fórum de suporte Forumeiros  Muito feliz


Para aproveitar tudo o que o nosso fórum lhe oferece, agradecemos que se identifique, se já é nosso membro, ou que se junte à nossa comunidade, fazendo o seu registo.
Acesso rápido

Fóruns de suporte oficiais
Login

Esqueci minha senha

Últimos assuntos
Perdi minha senha!
Você precisa recuperar sua senha?
Clique aqui
Parceiros Forumeiros
Quem está conectado
280 usuários online :: 12 usuários cadastrados, 1 Invisível e 267 Visitantes :: 2 Motores de busca

Connor R., Daemon, Fou-Lu, Harleen, Heitor A., isadora991, Kyo Panda, Luiz~, REVIEW, Shek Crowley, Stewart, Tiger

[ Ver toda a lista ]


O recorde de usuários online foi de 3131 em Qui 24 Dez 2009 - 13:05

Sistema de reputação igual ao FdF

Ver o tópico anterior Ver o tópico seguinte Ir em baixo

  • 0

Resolvido Sistema de reputação igual ao FdF

Mensagem por estica em Seg 21 Mar 2016 - 0:21

Detalhes da questão


Endereço do fórum: http://www.tugavicio.com/forum
Versão do fórum: PunBB

Descrição


Alguem me poderia arranjar o sistema de gostos nos tópicos igual ao fdf?



No meu fórum eu queria meter nesta zona:



Desde já obrigado


Última edição por estica em Ter 22 Mar 2016 - 18:25, editado 1 vez(es)

estica
Nível 9

Masculino
Inscrito dia : 10/01/2012
Mensagens : 167
Pontos Ativos : 2167

http://tugavicio.foruns.com.pt

Resolvido Re: Sistema de reputação igual ao FdF

Mensagem por GSCode em Seg 21 Mar 2016 - 14:35

Olá,

Crie um JS, 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)
        }
    }
});

Adicione logo em seguida essa CSS...

Código:
.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;
   transform: translate(0, 0);
}
.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
}

Até mais. Rosa

GSCode
Usuário destaque

Masculino
Inscrito dia : 11/10/2013
Mensagens : 578
Pontos Ativos : 2249

http://testforumbrasil.forumeiros.com/forum

Resolvido Re: Sistema de reputação igual ao FdF

Mensagem por estica em Seg 21 Mar 2016 - 19:43

@GSCode

Obrigado. Fica com alguns erros mas já estou a dar um jeito.

estica
Nível 9

Masculino
Inscrito dia : 10/01/2012
Mensagens : 167
Pontos Ativos : 2167

http://tugavicio.foruns.com.pt

Ver o tópico anterior Ver o tópico seguinte Voltar ao Topo

- Tópicos similares

Permissão deste fórum:
Você não pode responder aos tópicos neste fórum