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
Conectar-se

Esqueci minha senha

Últimos assuntos
» Centralizar nome resposta rapida
Hoje à(s) 15:30 por Sr.Oliveira

» Caixa de Login
Hoje à(s) 15:25 por YouTube3

» Tooltip no nome de usuario
Hoje à(s) 15:23 por while

» Font é trocada ao passar mouse
Hoje à(s) 15:21 por iScroll

» Legenda personalizada
Hoje à(s) 15:17 por while

» Legenda dos grupos personalizada
Hoje à(s) 15:16 por while

» Aumentar tamanho do avatar
Hoje à(s) 15:11 por while

Perdi minha senha!
Você precisa recuperar sua senha?
Clique aqui
Parceiros Forumeiros
Quem está conectado
241 usuários online :: 11 usuários cadastrados, 1 Invisível e 229 Visitantes :: 2 Motores de busca

'Dante, [DEV]Festa, [K]oke, Biel_Staff, iScroll, Japis Br, Kyo Panda, LDE, ranzatti, while, YouTube3

[ Ver toda a lista ]


O recorde de usuários online foi de 3131 em Qui 24 Dez 2009 - 15: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 - 3: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 - 21:25, editado 1 vez(es)
avatar

estica
Nível 9

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

http://tugavicio.foruns.com.pt

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

Mensagem por GSCode em Seg 21 Mar 2016 - 17: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
avatar

GSCode
Usuário destaque

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

http://testforumbrasil.forumeiros.com/forum

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

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

@GSCode

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

estica
Nível 9

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

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