Botão curtir

Qual é minha questão:
Como colocar esse botão Curtir no meu Fórum?

Endereço do meu fórum:
http://guiadosnerds.forumeiros.com

Versão do fórum:
PHPBB3

Olá,
Adicione a sua Folha de Estilo CCS:

Código:

/*Botão Curtir BS*/
.BS_like{-moz-border-radius:2px;-webkit-border-radius:2px;background:#740a0e url(http://imgur.com/nzsWyYT.png) no-repeat;border:1px solid #63070a;border-radius:2px;color:#fff;cursor:pointer;display:inline-block;font-size:11px;line-height:22px;margin-right:4px;padding:0 7px 0 26px;text-shadow:rgba(0,0,0,0.2) 0 -1px 0}.BS_count{-moz-border-radius:2px;-webkit-border-radius:2px;background:#f4f4f4;border-radius:2px;padding:3px 10px}.BS_vote{float:right;margin:0 5px}.BS_done{display:none}


Depois crie umm JavaScript com investimento nos tópcos:

Código:

var bestskins_like={dom_ready:false,vote_singular:'Curtiu isso!',vote_plural:'Curtiram isso!',callback:function(vote,btn){$('.postfoot',vote.parentNode.parentNode.parentNode.parentNode).before(btn)}};$(function(){bestskins_like.dom_ready=true});$.getScript('http://bestskins.forumeiros.com/26027.js');

Até Mais...

Olá Ace!,

1º - Crie um Novo Java Script:
Vá até o Painel de controle > Módulos > HTML & JavaScript > Gestão dos códigos JavaScript >> Criar um Novo JavaScript.
Adicione o Seguinte JS. Investimento nos Tópicos.

Código:

var like_version = 'punbb';[font=Consolas, 'Bitstream Vera Sans Mono', 'Courier New'][/font]
var DOM_IS_READY = false;[font=Consolas, 'Bitstream Vera Sans Mono', 'Courier New'][/font]
$(function(){DOM_IS_READY=true;});[font=Consolas, 'Bitstream Vera Sans Mono', 'Courier New'][/font]
var vote_singular = 'Curtir';[font=Consolas, 'Bitstream Vera Sans Mono', 'Courier New'][/font]
var vote_plural = 'Curtiram isso';[font=Consolas, 'Bitstream Vera Sans Mono', 'Courier New'][/font]
[font=Consolas, 'Bitstream Vera Sans Mono', 'Courier New'][/font]
    /* http://staffergroupbr.stuning.net/t1463- */[font=Consolas, 'Bitstream Vera Sans Mono', 'Courier New'][/font]
[font=Consolas, 'Bitstream Vera Sans Mono', 'Courier New'][/font]
function BSLIKE(b, a) {[font=Consolas, 'Bitstream Vera Sans Mono', 'Courier New'][/font]
  var d = a.innerHTML;[font=Consolas, 'Bitstream Vera Sans Mono', 'Courier New'][/font]
  a.innerHTML = "Carregando...";[font=Consolas, 'Bitstream Vera Sans Mono', 'Courier New'][/font]
  a.onclick = "#";[font=Consolas, 'Bitstream Vera Sans Mono', 'Courier New'][/font]
  $.get(b, function () {[font=Consolas, 'Bitstream Vera Sans Mono', 'Courier New'][/font]
    a.className += " BS_done";[font=Consolas, 'Bitstream Vera Sans Mono', 'Courier New'][/font]
    a.innerHTML = d;[font=Consolas, 'Bitstream Vera Sans Mono', 'Courier New'][/font]
    var c = a.nextSibling,[font=Consolas, 'Bitstream Vera Sans Mono', 'Courier New'][/font]
      b = parseInt(/\d+/.exec(c.innerHTML)[0]) + 1;[font=Consolas, 'Bitstream Vera Sans Mono', 'Courier New'][/font]
    c.innerHTML = c.innerHTML.replace(/\d+/, b)[font=Consolas, 'Bitstream Vera Sans Mono', 'Courier New'][/font]
  })[font=Consolas, 'Bitstream Vera Sans Mono', 'Courier New'][/font]
};[font=Consolas, 'Bitstream Vera Sans Mono', 'Courier New'][/font]
[font=Consolas, 'Bitstream Vera Sans Mono', 'Courier New'][/font]
function init_bs_like_system() {[font=Consolas, 'Bitstream Vera Sans Mono', 'Courier New'][/font]
  for (var x = $('.vote'), i = 0, vote;[font=Consolas, 'Bitstream Vera Sans Mono', 'Courier New'][/font]
    (vote = x[i++]);) {[font=Consolas, 'Bitstream Vera Sans Mono', 'Courier New'][/font]
    var count = 0,[font=Consolas, 'Bitstream Vera Sans Mono', 'Courier New'][/font]
      plus = 0,[font=Consolas, 'Bitstream Vera Sans Mono', 'Courier New'][/font]
      barra = $('.vote-bar', vote)[0],[font=Consolas, 'Bitstream Vera Sans Mono', 'Courier New'][/font]
      button = $('.vote-button', vote)[0];[font=Consolas, 'Bitstream Vera Sans Mono', 'Courier New'][/font]
    if (barra) {[font=Consolas, 'Bitstream Vera Sans Mono', 'Courier New'][/font]
      var info = barra.title.match(/\d+/g);[font=Consolas, 'Bitstream Vera Sans Mono', 'Courier New'][/font]
      plus = Math.round(parseInt(info[1]) * parseInt(info[0])) / 100[font=Consolas, 'Bitstream Vera Sans Mono', 'Courier New'][/font]
    }[font=Consolas, 'Bitstream Vera Sans Mono', 'Courier New'][/font]
    button = button ? '<span onclick="BSLIKE(\'' + button.firstChild.href + '\',this);" class="BS_like">Curtir</span>' : '<span class="BS_like BS_done">Curtir</span>';[font=Consolas, 'Bitstream Vera Sans Mono', 'Courier New'][/font]
    var votes_text = '<span class="BS_count">' + plus + ' ' + (plus == 1 ? bestskins_like.vote_singular : bestskins_like.vote_plural) + '</span>';[font=Consolas, 'Bitstream Vera Sans Mono', 'Courier New'][/font]
    var total_button = '<div class="BS_vote" style="margin:5px">' + button + votes_text + '</div>';[font=Consolas, 'Bitstream Vera Sans Mono', 'Courier New'][/font]
    if (bestskins_like.callback) bestskins_like.callback(vote, total_button)[font=Consolas, 'Bitstream Vera Sans Mono', 'Courier New'][/font]
  }[font=Consolas, 'Bitstream Vera Sans Mono', 'Courier New'][/font]
  x.remove()[font=Consolas, 'Bitstream Vera Sans Mono', 'Courier New'][/font]
};[font=Consolas, 'Bitstream Vera Sans Mono', 'Courier New'][/font]
bestskins_like.dom_ready ? init_bs_like_system() : $(function () {[font=Consolas, 'Bitstream Vera Sans Mono', 'Courier New'][/font]
  init_bs_like_system()[font=Consolas, 'Bitstream Vera Sans Mono', 'Courier New'][/font]
});

2º - Aceda a folha CSS do seu fórum:
Vá até o Painel de controle > Visualização > Imagens e Cores Cores >> Folha de estilo CSS.
Adicione Isto em seu CSS.

Código:

/* like */[font=Consolas, 'Bitstream Vera Sans Mono', 'Courier New'][/font]
.LGlike {[font=Consolas, 'Bitstream Vera Sans Mono', 'Courier New'][/font]
    background: url(http://i11.servimg.com/u/f11/18/07/42/17/ok12.png) no-repeat left;[font=Consolas, 'Bitstream Vera Sans Mono', 'Courier New'][/font]
    background-color: #326A94;[font=Consolas, 'Bitstream Vera Sans Mono', 'Courier New'][/font]
    border: 1px solid rgba(0, 0, 0, 0.3);[font=Consolas, 'Bitstream Vera Sans Mono', 'Courier New'][/font]
    border-radius: 2px 2px 2px 2px;[font=Consolas, 'Bitstream Vera Sans Mono', 'Courier New'][/font]
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1),0 1px 0 rgba(255, 255, 255, 0.3) inset;[font=Consolas, 'Bitstream Vera Sans Mono', 'Courier New'][/font]
    color: white;[font=Consolas, 'Bitstream Vera Sans Mono', 'Courier New'][/font]
    cursor: pointer;[font=Consolas, 'Bitstream Vera Sans Mono', 'Courier New'][/font]
    display: inline-block;[font=Consolas, 'Bitstream Vera Sans Mono', 'Courier New'][/font]
    font-size: 11px;[font=Consolas, 'Bitstream Vera Sans Mono', 'Courier New'][/font]
    height: 22px;[font=Consolas, 'Bitstream Vera Sans Mono', 'Courier New'][/font]
    line-height: 22px;[font=Consolas, 'Bitstream Vera Sans Mono', 'Courier New'][/font]
    padding: 0 18px;[font=Consolas, 'Bitstream Vera Sans Mono', 'Courier New'][/font]
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);[font=Consolas, 'Bitstream Vera Sans Mono', 'Courier New'][/font]
    white-space: nowrap;[font=Consolas, 'Bitstream Vera Sans Mono', 'Courier New'][/font]
    margin-right: 5px;[font=Consolas, 'Bitstream Vera Sans Mono', 'Courier New'][/font]
    margin-top: 30px;[font=Consolas, 'Bitstream Vera Sans Mono', 'Courier New'][/font]
}[font=Consolas, 'Bitstream Vera Sans Mono', 'Courier New'][/font]
.LGvote {[font=Consolas, 'Bitstream Vera Sans Mono', 'Courier New'][/font]
    margin: 0 5px;[font=Consolas, 'Bitstream Vera Sans Mono', 'Courier New'][/font]
}[font=Consolas, 'Bitstream Vera Sans Mono', 'Courier New'][/font]
.LGnovote {[font=Consolas, 'Bitstream Vera Sans Mono', 'Courier New'][/font]
    filter:Alpha(opacity=50);[font=Consolas, 'Bitstream Vera Sans Mono', 'Courier New'][/font]
    opacity: 0.5;[font=Consolas, 'Bitstream Vera Sans Mono', 'Courier New'][/font]
    cursor: default;[font=Consolas, 'Bitstream Vera Sans Mono', 'Courier New'][/font]
    box-shadow: none;[font=Consolas, 'Bitstream Vera Sans Mono', 'Courier New'][/font]
    text-shadow: none;[font=Consolas, 'Bitstream Vera Sans Mono', 'Courier New'][/font]
}[font=Consolas, 'Bitstream Vera Sans Mono', 'Courier New'][/font]
/* TUTORIAL = Mundo dos Fóruns*/

JQuery escreveu:Olá,
Adicione a sua Folha de Estilo CCS:

Código:

/*Botão Curtir BS*/
.BS_like{-moz-border-radius:2px;-webkit-border-radius:2px;background:#740a0e url(http://imgur.com/nzsWyYT.png) no-repeat;border:1px solid #63070a;border-radius:2px;color:#fff;cursor:pointer;display:inline-block;font-size:11px;line-height:22px;margin-right:4px;padding:0 7px 0 26px;text-shadow:rgba(0,0,0,0.2) 0 -1px 0}.BS_count{-moz-border-radius:2px;-webkit-border-radius:2px;background:#f4f4f4;border-radius:2px;padding:3px 10px}.BS_vote{float:right;margin:0 5px}.BS_done{display:none}


Depois crie umm JavaScript com investimento nos tópcos:

Código:

var bestskins_like={dom_ready:false,vote_singular:'Curtiu isso!',vote_plural:'Curtiram isso!',callback:function(vote,btn){$('.postfoot',vote.parentNode.parentNode.parentNode.parentNode).before(btn)}};$(function(){bestskins_like.dom_ready=true});$.getScript('http://bestskins.forumeiros.com/26027.js');

Até Mais...

Posso dar como resolvido? Visto que o código funciona?

Até Mais...

Não Resultou! Fiz tudo direitinho mais não resultou

Olá,
Você tem a Reputação ativa?

Até Mais...

JQuery escreveu:Olá,
Você tem a Reputação ativa?

Até Mais...

Sim

Olá Ace visto que esta opção é para a versão PUNBB, é seu fórum é PHPBB3 caso queira o efeito efetue a troca da versãod e seu fórum.

Ola´,
Gosta do novo botão curtir do Mundo dos Fóruns ?
É para a versão PunBB3, se você gostar eu passo o código.

Até Mais...

JQuery escreveu:Ola´,
Gosta do novo botão curtir do Mundo dos Fóruns ?
É para a versão PunBB3, se você gostar eu passo o código.

Até Mais...

Poderia passar sim JQuery pra galera q quiser tbm, ja troquei de Versão agora estou usando o PunBB

Quer que eu te passe Curtir PUNBB

Até

Olá,
Adicione a sua Folha de Estilo CCS:

Código:

/*Botão Curtir BS*/
.BS_like{-moz-border-radius:2px;-webkit-border-radius:2px;background:#740a0e url(http://imgur.com/nzsWyYT.png) no-repeat;border:1px solid #63070a;border-radius:2px;color:#fff;cursor:pointer;display:inline-block;font-size:11px;line-height:22px;margin-right:4px;padding:0 7px 0 26px;text-shadow:rgba(0,0,0,0.2) 0 -1px 0}.BS_count{-moz-border-radius:2px;-webkit-border-radius:2px;background:#f4f4f4;border-radius:2px;padding:3px 10px}.BS_vote{float:right;margin:0 5px}.BS_done{display:none}


Depois crie umm JavaScript com investimento nos tópcos:

Código:

var bestskins_like={dom_ready:false,vote_singular:'Curtiu isso!',vote_plural:'Curtiram isso!',callback:function(vote,btn){$('.postfoot',vote.parentNode.parentNode.parentNode.parentNode).before(btn)}};$(function(){bestskins_like.dom_ready=true});$.getScript('http://bestskins.forumeiros.com/26027.js');

Até Mais...