Sistema de compartilhar e curtir do facebook

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

Resolvido Sistema de compartilhar e curtir do facebook

Mensagem por 1Gu@n4 em 02/09/13, 10:49 am

Qual é minha questão:
Sistema de Compartilhar e Curtir do facebook

Olá por favor poderiam me informar qual codigo eu utilizo para colocar sistema de "CURTIR" e "COMPARTILHAR"nas postagens, assim alem de agradecer podera também dar um like ou compartilhar a publicação no forum ...
No aguardo grato


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

Versão do fórum:
PUNBB
avatar

1Gu@n4
Nível 5

Masculino
Inscrito dia : 25/05/2013
Mensagens : 42
Pontos Ativos : 96

Ver perfil do usuário http://br-detonados.forumeiros.com/ http://www.facebook.com/GuilhermeCoutinhoFuzel

Resolvido Re: Sistema de compartilhar e curtir do facebook

Mensagem por Sennior em 02/09/13, 10:52 am

avatar

Sennior
Membro profissional
Membro profissional

Masculino
Inscrito dia : 10/06/2011
Mensagens : 16302
Pontos Ativos : 20791

Ver perfil do usuário http://ajuda.forumeiros.com/forum https://www.facebook.com/GlladstonHenrique

Resolvido Re: Sistema de compartilhar e curtir do facebook

Mensagem por Gaaratsu em 02/09/13, 12:38 pm

Saudações!

Queira checar por gentileza:
Seta http://ajuda.forumeiros.com/t73715-
Seta http://ajuda.forumeiros.com/t59542-

Atenciosamente. Muito feliz


GaaratsuAjudeiro
avatar

Gaaratsu
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 07/08/2010
Mensagens : 5986
Pontos Ativos : 7478

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

Resolvido Re: Sistema de compartilhar e curtir do facebook

Mensagem por 1Gu@n4 em 02/09/13, 10:05 pm

Esses são para PUNBB3 eu quero para PUNBB ...
Rindo Rindo Rindo Rindo Rindo Rindo Rindo

E esse curtir que esta ensinando é para curtir a pagina inteira quero um curtir para a publicação/postagem/post etc...

ENTENDERAM ?
avatar

1Gu@n4
Nível 5

Masculino
Inscrito dia : 25/05/2013
Mensagens : 42
Pontos Ativos : 96

Ver perfil do usuário http://br-detonados.forumeiros.com/ http://www.facebook.com/GuilhermeCoutinhoFuzel

Resolvido Re: Sistema de compartilhar e curtir do facebook

Mensagem por [S]herlock em 02/09/13, 10:29 pm

Saudações!

Como não posso passar links, irei fazer um mini tutorial!
Tutorial:

1º - Crie um Novo Java Script
Aceda em:
Painel de controle Seta Módulos Seta HTML & JAVASCRIPT Seta Gestão dos códigos JavaScript Seta Criar um novo JavaScript.

Adicione o Seguinte Js sem nenhum investimento.
Código:
Código:
function lglike(b,a){var d=a.innerHTML;a.innerHTML="Loading...";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() {
    var x = $('.vote');
    for (var i = 0, l = x.length; i < l; i++) {
        var vote = x[i],
            count = 0,
            plus = 0;
        var bar = $('.vote-bar', vote)[0];
        var button = $('.vote-button', vote)[0];
        if (bar) {
            var info = bar.title.match(/\d+/g);
            count = info[0];
            var percent = info[1];
            plus = Math.round(parseInt(percent) * parseInt(count)) / 100;
        }
        button = button ? '<span onclick="lglike(\'' + button.firstChild.href + '\',this);" class="LGlike">' + vote_singular + '</span>' : '<span class="LGlike LGnovote">' + vote_singular + '</span>';

        var votes_text = '<span class="LGlikecount">' + plus + ' ' + (plus == 1 ? vote_singular : vote_plural) + '</span>';

        if (like_version === 'phpbb3' || like_version === 'PHPBB3') {
            $('.corners-bottom', vote.parentNode.parentNode)
         .before('<div class="LGvote" style="margin:3px">' + button + votes_text + '</div>');
        } else if (like_version === 'invision' || like_version === 'Invision' || like_version === 'INVISION') {
            $(vote.parentNode.parentNode.parentNode.nextSibling.lastChild)
         .prepend('<li><div class="LGvote">' + button + votes_text + '</div></li>');
        } else if (like_version === 'punbb' || like_version === 'PUNBB') {
            $('.postfoot', vote.parentNode.parentNode.parentNode.parentNode)
         .before('<div class="LGvote" style="float:right;">' + button + votes_text + '</div>');
        }
          else if (like_version === 'PHPBB2' || like_version === 'phpbb2') {
            $('td.post tr:last')
         .append('</br></br><div class="LGvote" style="margin:3px">' + button + votes_text + '</div>');
        }
    }
x.remove();
};

if (DOM_IS_READY == true) {
    init_lg_like_system();
} else {
    $(function () {
        init_lg_like_system();
    });
}
Depois crie um novo JS com investimento nos Tópicos
Código:
Código:
var like_version = 'punbb';
var DOM_IS_READY = false;
$(function(){DOM_IS_READY=true;});
var vote_singular = 'Curtir';
var vote_plural = 'Curtiram isso';
$.getScript('http://bestskins.com.br/26249.js');
Localize: http://bestskins.com.br/26249.js e troque pelo link do código JS criado anteriormente.
Salve.


2º - Aceda a folha css do seu fórum

Aceda em:
Painel de controle Seta Visualização Seta Imagens e Cores  Cores Seta Folha de estilo css.

Adicione Isto em seu CSS.
Código: (Selecionar conteúdo)
Código:
/*like*/
.LGlike {
background: url(http://i11.servimg.com/u/f11/18/07/42/17/ok12.png) no-repeat left;
background-color: #326A94;
border: 1px solid rgba(0, 0, 0, 0.3);
border-radius: 2px 2px 2px 2px;
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1),0 1px 0 rgba(255, 255, 255, 0.3) inset;
color: white;
cursor: pointer;
display: inline-block;
font-size: 11px;
height: 22px;
line-height: 22px;
padding: 0 18px;
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
white-space: nowrap;
margin-right: 5px;
margin-top: 30px;
}
 .LGvote { margin: 0 5px; }
 .LGnovote {
  filter:Alpha(opacity=50);
  opacity: 0.5;
  cursor: default;
  box-shadow: none;
  text-shadow: none;
 }
Valide.

OBSERVAÇÃO: Para o código ter efeito, terá que ativar o sistema de obrigado!

Resulta?
Até mais.
avatar

[S]herlock
Usuário avançado

Masculino
Inscrito dia : 18/07/2012
Mensagens : 399
Pontos Ativos : 597

Ver perfil do usuário http://www.projectgames.ativoforum.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