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

Esqueci minha senha

Últimos assuntos
» Criar código com imagens e links de especies
Hoje à(s) 10:21 am por EDU2010

» Dúvida quanto ao setor de divulgação
Hoje à(s) 10:20 am por Kokoro

» Como remover essas bordas dos avatares?
Hoje à(s) 06:58 am por AlexG

» Como adicionar um fundo a barra de menus?
Hoje à(s) 01:38 am por SetRaiden

» Preciso de uma logo
Hoje à(s) 01:05 am por odelgado

» [FAQ] Gerir e configurar o Topic'it no seu fórum Forumeiros
Ontem à(s) 11:15 pm por Shek

» Preciso de Ajuda.
Ontem à(s) 11:12 pm por Shek

Instale agora o aplicativo Topic'it e acesse o suporte de Forumeiros pelo celular.
Perdi minha senha!
Você precisa recuperar sua senha?
Clique aqui
Quem está conectado
232 usuários online :: 4 usuários cadastrados, Nenhum Invisível e 228 Visitantes :: 2 Motores de busca

EDU2010, iPrompt, virus, WalkerBrazilian

[ Ver toda a lista ]


O recorde de usuários online foi de 3131 em 24/12/09, 01:05 pm

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 21/03/16, 12:21 am

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 22/03/16, 06:25 pm, editado 1 vez(es)
avatar

estica
Nível 9

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

Ver perfil do usuário http://tugavicio.foruns.com.pt

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

Mensagem por GSCode em 21/03/16, 02:35 pm

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 : 590
Pontos Ativos : 1031

Ver perfil do usuário http://testforumbrasil.forumeiros.com/forum

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

Mensagem por estica em 21/03/16, 07:43 pm

@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 : 292

Ver perfil do usuário 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