Sistema de reputação com likes

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

Resolvido Sistema de reputação com likes

Mensagem por lalves em 11/02/14, 12:31 pm

[img][/img]Qual é minha questão:
Já li o tutorial e não consegui. não aparece a imagem.
Teria que aparecer aonde esta a seta correto....

Endereço do meu fórum:
http://az-br.forumeiros.com:80

Versão do fórum:
PHPBB3


Última edição por lalves em 11/02/14, 03:27 pm, editado 2 vez(es)
avatar

lalves
Nível 9

Masculino
Inscrito dia : 03/02/2014
Mensagens : 240
Pontos Ativos : 395

Ver perfil do usuário http://az-br.forumeiros.com/

Resolvido Re: Sistema de reputação com likes

Mensagem por Shek em 11/02/14, 01:29 pm

Boa noite!

Você pode usar este tutorial:



Novo sistema de curtidas para tópicos

Aposto que quase todos já pensamos em ter um sistema de curtidas nos tópicos como o do facebook. Com este código, isso será possível fazer em todas as versões.

Para que este tutorial funcione, é necessário que o sistema de reputações esteja ativo.
Veja como ativar aqui: [FAQ] Gestão do sistema de reputação / botão obrigado
--> Tutoriais, dicas e astúcias <--
Novo sistema de curtidas para tópicos



- Interpretação do código para cada versão:
Como é sabido, o serviço Forumeiros dispõe de 4 versões: phpBB3, phpBB2, PunBB e Invision. Em cada caixa abaixo, terá um código para cada versão. Escolha o da sua versão e copie.

PHPBB 3
Código:
var like_version = 'phpbb3';
var DOM_IS_READY = false;
$(function(){DOM_IS_READY=true;});
var vote_singular = 'Curtida';
var vote_plural = 'Curtidas';
function lglike(b,a){var d=a.innerHTML;a.innerHTML="Carregando";a.onclick="#";$.get(b,function(){a.className+=" LGnovote";a.innerHTML=d;var c=a.nextSibling,b=parseInt(/\d+/.exec(c.innerHTML)[0])+1;c.innerHTML=c.innerHTML.replace(/\d+/,b)})};
function init_lg_like_system() {
    for(var x = $('.vote'), i = 0, vote; (vote = x[i++]); ) {
        var count = 0, plus = 0, bar = $('.vote-bar', vote)[0], button = $('.vote-button', vote)[0];
       if (bar) {
            var info = bar.title.match(/\d+/g);
            plus = Math.round(parseInt( info[1] ) * parseInt( info[0] )) / 100;
        }
 
       button = button ? '<span onclick="lglike(\'' + button.firstChild.href + '\',this);" class="LGlike">Curtir</span>' : '<span class="LGlike LGnovote">Curtido</span>';

        var votes_text = '<span class="LGlikecount">' + plus + ' ' + (plus == 1 ? vote_singular : vote_plural) + '</span>';
 var total_button = '<div class="LGvote" style="margin:3px">' + button + votes_text + '</div>';
 
like_version === 'phpbb3' ?
            $('.corners-bottom', vote.parentNode.parentNode).after( total_button ) :
 like_version === 'invision' ?
$('.postbody', vote.parentNode.parentNode.parentNode).after( total_button ) :
 like_version === 'punbb' ?
 $('.postfoot', vote.parentNode.parentNode.parentNode.parentNode).before( total_button ) :
 like_version === 'phpbb2' ?
 $('.postbody', vote.parentNode).after( total_button ) : null;
    }
    x.remove();
};

DOM_IS_READY ? init_lg_like_system() : $(function () { init_lg_like_system() });
PHPBB 2
Código:
var like_version = 'phpbb2';
var DOM_IS_READY = false;
$(function(){DOM_IS_READY=true;});
var vote_singular = 'Curtida';
var vote_plural = 'Curtidas';
function lglike(b,a){var d=a.innerHTML;a.innerHTML="Carregando";a.onclick="#";$.get(b,function(){a.className+=" LGnovote";a.innerHTML=d;var c=a.nextSibling,b=parseInt(/\d+/.exec(c.innerHTML)[0])+1;c.innerHTML=c.innerHTML.replace(/\d+/,b)})};
function init_lg_like_system() {
    for(var x = $('.vote'), i = 0, vote; (vote = x[i++]); ) {
        var count = 0, plus = 0, bar = $('.vote-bar', vote)[0], button = $('.vote-button', vote)[0];
       if (bar) {
            var info = bar.title.match(/\d+/g);
            plus = Math.round(parseInt( info[1] ) * parseInt( info[0] )) / 100;
        }
 
       button = button ? '<span onclick="lglike(\'' + button.firstChild.href + '\',this);" class="LGlike">Curtir</span>' : '<span class="LGlike LGnovote">Curtido</span>';

        var votes_text = '<span class="LGlikecount">' + plus + ' ' + (plus == 1 ? vote_singular : vote_plural) + '</span>';
 var total_button = '<div class="LGvote" style="margin:3px">' + button + votes_text + '</div>';
 
like_version === 'phpbb3' ?
            $('.corners-bottom', vote.parentNode.parentNode).after( total_button ) :
 like_version === 'invision' ?
$('.postbody', vote.parentNode.parentNode.parentNode).after( total_button ) :
 like_version === 'punbb' ?
 $('.postfoot', vote.parentNode.parentNode.parentNode.parentNode).before( total_button ) :
 like_version === 'phpbb2' ?
 $('.postbody', vote.parentNode).after( total_button ) : null;
    }
    x.remove();
};

DOM_IS_READY ? init_lg_like_system() : $(function () { init_lg_like_system() });
PUNBB
Código:
var like_version = 'punbb';
var DOM_IS_READY = false;
$(function(){DOM_IS_READY=true;});
var vote_singular = 'Curtida';
var vote_plural = 'Curtidas';
function lglike(b,a){var d=a.innerHTML;a.innerHTML="Carregando";a.onclick="#";$.get(b,function(){a.className+=" LGnovote";a.innerHTML=d;var c=a.nextSibling,b=parseInt(/\d+/.exec(c.innerHTML)[0])+1;c.innerHTML=c.innerHTML.replace(/\d+/,b)})};
function init_lg_like_system() {
    for(var x = $('.vote'), i = 0, vote; (vote = x[i++]); ) {
        var count = 0, plus = 0, bar = $('.vote-bar', vote)[0], button = $('.vote-button', vote)[0];
       if (bar) {
            var info = bar.title.match(/\d+/g);
            plus = Math.round(parseInt( info[1] ) * parseInt( info[0] )) / 100;
        }
 
       button = button ? '<span onclick="lglike(\'' + button.firstChild.href + '\',this);" class="LGlike">Curtir</span>' : '<span class="LGlike LGnovote">Curtido</span>';

        var votes_text = '<span class="LGlikecount">' + plus + ' ' + (plus == 1 ? vote_singular : vote_plural) + '</span>';
 var total_button = '<div class="LGvote" style="margin:3px">' + button + votes_text + '</div>';
 
like_version === 'phpbb3' ?
            $('.corners-bottom', vote.parentNode.parentNode).after( total_button ) :
 like_version === 'invision' ?
$('.postbody', vote.parentNode.parentNode.parentNode).after( total_button ) :
 like_version === 'punbb' ?
 $('.postfoot', vote.parentNode.parentNode.parentNode.parentNode).before( total_button ) :
 like_version === 'phpbb2' ?
 $('.postbody', vote.parentNode).after( total_button ) : null;
    }
    x.remove();
};

DOM_IS_READY ? init_lg_like_system() : $(function () { init_lg_like_system() });
INVISION
Código:
var like_version = 'invision';
var DOM_IS_READY = false;
$(function(){DOM_IS_READY=true;});
var vote_singular = 'Curtida';
var vote_plural = 'Curtidas';
function lglike(b,a){var d=a.innerHTML;a.innerHTML="Carregando";a.onclick="#";$.get(b,function(){a.className+=" LGnovote";a.innerHTML=d;var c=a.nextSibling,b=parseInt(/\d+/.exec(c.innerHTML)[0])+1;c.innerHTML=c.innerHTML.replace(/\d+/,b)})};
function init_lg_like_system() {
    for(var x = $('.vote'), i = 0, vote; (vote = x[i++]); ) {
        var count = 0, plus = 0, bar = $('.vote-bar', vote)[0], button = $('.vote-button', vote)[0];
       if (bar) {
            var info = bar.title.match(/\d+/g);
            plus = Math.round(parseInt( info[1] ) * parseInt( info[0] )) / 100;
        }
 
       button = button ? '<span onclick="lglike(\'' + button.firstChild.href + '\',this);" class="LGlike">Curtir</span>' : '<span class="LGlike LGnovote">Curtido</span>';

        var votes_text = '<span class="LGlikecount">' + plus + ' ' + (plus == 1 ? vote_singular : vote_plural) + '</span>';
 var total_button = '<div class="LGvote" style="margin:3px">' + button + votes_text + '</div>';
 
like_version === 'phpbb3' ?
            $('.corners-bottom', vote.parentNode.parentNode).after( total_button ) :
 like_version === 'invision' ?
$('.postbody', vote.parentNode.parentNode.parentNode).after( total_button ) :
 like_version === 'punbb' ?
 $('.postfoot', vote.parentNode.parentNode.parentNode.parentNode).before( total_button ) :
 like_version === 'phpbb2' ?
 $('.postbody', vote.parentNode).after( total_button ) : null;
    }
    x.remove();
};

DOM_IS_READY ? init_lg_like_system() : $(function () { init_lg_like_system() });


- Aplicando o código JS:
Aceda a:
Painel de controle -> Módulos -> HTML & JavaScript -> Gestão dos códigos JavaScripts
       
(carregue na imagem para aumentar)
           

Seta Título Pode usar qualquer título que desejar, como por exemplo "Curtidas".
                               
Seta Localização- São destinados os devidos locais para onde você aplicará os efeitos do JavaScript nos fóruns. No nosso caso, aplicaremos Nos tópicos
                               
Seta Código JavaScript Campo destinado para receber o código JavaScript acima, de acordo com a sua versão.
                               
Seta Habilitar o gerenciamento dos códigos JavaScript Ao selecionar a opção sim, estará ativando a função páginas Javascript no seu fórum. Se selecionar não, as páginas serão desabilitadas no fórum. Para que este efeito funcione, marque "Sim".
- Código CSS para a estilização dos botões:
Para que os botões fiquem bonitos e parecidos aos do facebook, terá que usar este código CSS:
Código:
.LGlike {
  padding-top: 10px;
  padding: 3px;
  border-radius: 4px;
  color: #fff;
  font-size: 10px;
  font-weight: bold;
  text-shadow: -1px 0.5px #888;
  box-shadow: 1px 1px 1px #888;
  cursor: pointer;
  margin-right: 4px;
  background: #105289;
 }
.LGvote {
 margin: 0 5px;
}
.LGnovote {
  filter:Alpha(opacity=50);
  opacity: 0.5;
  cursor: default;
  box-shadow: none;
  text-shadow: none;
 }
.LGlikecount {
  font-size: 10px;
}


- Aplicando o código CSS:
Agora é tempo de adicionar o CSS acima na sua folha de estilos CSS. Aceda a: Painel de Controle -> Visualização -> Imagens e cores -> Cores -> Folha de estilo CSS

       
(carregue na imagem para aumentar)
           


- Resultado:
(carregue na imagem para aumentar)
           


Shek CrowleyAdmineiro - Fórum dos Fóruns

Clicar no botão ou no OBRIGADO não mata ninguém!
avatar

Shek
Admineiro
Admineiro

Masculino
Inscrito dia : 11/04/2009
Mensagens : 17135
Pontos Ativos : 21397

Ver perfil do usuário http://www.shiftactif.com https://go.topicit.net/ZosT/61pMt1mPsG https://www.facebook.com/shek.crowley https://twitter.com/shek_forumactif

Resolvido Re: Sistema de reputação com likes

Mensagem por lalves em 11/02/14, 02:19 pm

Não funcionou...
avatar

lalves
Nível 9

Masculino
Inscrito dia : 03/02/2014
Mensagens : 240
Pontos Ativos : 395

Ver perfil do usuário http://az-br.forumeiros.com/

Resolvido Re: Sistema de reputação com likes

Mensagem por Ace em 11/02/14, 02:26 pm

Olá,

Veja se resulta: http://ajuda.forumeiros.com/t64222-

Até mais.
avatar

Ace
Principal contribuidor
Principal contribuidor

Inscrito dia : 06/07/2011
Mensagens : 8880
Pontos Ativos : 11604

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

Resolvido Re: Sistema de reputação com likes

Mensagem por lalves em 11/02/14, 02:31 pm

não funcionou
avatar

lalves
Nível 9

Masculino
Inscrito dia : 03/02/2014
Mensagens : 240
Pontos Ativos : 395

Ver perfil do usuário http://az-br.forumeiros.com/

Resolvido Re: Sistema de reputação com likes

Mensagem por Ace em 11/02/14, 02:33 pm

Olá,

Qual o código que você está utilizando?

Até mais.
avatar

Ace
Principal contribuidor
Principal contribuidor

Inscrito dia : 06/07/2011
Mensagens : 8880
Pontos Ativos : 11604

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

Resolvido Re: Sistema de reputação com likes

Mensagem por lalves em 11/02/14, 02:38 pm

Phpbb3 e o código css
avatar

lalves
Nível 9

Masculino
Inscrito dia : 03/02/2014
Mensagens : 240
Pontos Ativos : 395

Ver perfil do usuário http://az-br.forumeiros.com/

Resolvido Re: Sistema de reputação com likes

Mensagem por Ace em 11/02/14, 03:56 pm

Olá,

Sim, mas eu preciso ver o código em si. Contudo, o senhor assinalou o tópico como resolvido. Ele pode ser arquivado?

Até mais.
avatar

Ace
Principal contribuidor
Principal contribuidor

Inscrito dia : 06/07/2011
Mensagens : 8880
Pontos Ativos : 11604

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

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