Boas-vindas ao Power Pixel

Junte-se a comunidade! Crie o seu próprio conteúdo, e faça amizades.EntrarCriar uma conta

Orochimaru Orochimaru  • Seg 21 Out 2013 - 14:19

[Tutorial]Botão Curtir Igual BS Empty [Tutorial]Botão Curtir Igual BS Seg 21 Out 2013 - 14:19

Reputação da mensagem: 100% (1 votos)
Qual é minha questão:
Olá pessoal, estive pesquisando aqui no BS e achei o tutorial de colocar o botão curtir como o deste site, porém no meu fórum que é PHPBB2 o código não funcionou, gostaria de saber se na versão o código funciona, ou o que devo fazer para que ele funcione. o link do tutorial é esse: [Tens de ter uma conta e sessão iniciada para poderes visualizar este link]
agradeço se alguem puder me ajudar.

Endereço do meu fórum:
[Tens de ter uma conta e sessão iniciada para poderes visualizar este link]

Versão:
Phpbb2

GSCode GSCode  • Qua 23 Out 2013 - 13:45

[Tutorial]Botão Curtir Igual BS Empty Re: [Tutorial]Botão Curtir Igual BS Qua 23 Out 2013 - 13:45

Olá,

Pelo código que vi no Tutorial , O código é funcional apenas na versão PunBB, Desculpe!

Ate +.

GyGu GyGu  • Qua 23 Out 2013 - 14:07

[Tutorial]Botão Curtir Igual BS Empty Re: [Tutorial]Botão Curtir Igual BS Qua 23 Out 2013 - 14:07

Reputação da mensagem: 100% (1 votos)
Eu queria e QUERO é o botão que neste momento a Bestskins tem [Tens de ter uma conta e sessão iniciada para poderes visualizar esta imagem]
Seria possivel ter esse modo de reputação?

GSCode GSCode  • Qua 23 Out 2013 - 14:33

[Tutorial]Botão Curtir Igual BS Empty Re: [Tutorial]Botão Curtir Igual BS Qua 23 Out 2013 - 14:33

Olá,

Sim GyGu, Basta procurar junto de Tutoriais da Best Skin... Ontem mesmo ultilizei em um Fórum essa Reputação Personalizada.

Até +.

@Editado.

Aplica-se no seu CSS isto!

Código:
/*like*/[color=#5a5a5a][/color]
.BSlike {[color=#5a5a5a][/color]
  display: block;[color=#5a5a5a][/color]
  margin: 0 5px;[color=#5a5a5a][/color]
  cursor: pointer;[color=#5a5a5a][/color]
}[color=#5a5a5a][/color]
.BSnovote, .vote {display: none;}[color=#5a5a5a][/color]
.BSlikecount {[color=#5a5a5a][/color]
background: #6f8f52;;[color=#5a5a5a][/color]
color: #fff;[color=#5a5a5a][/color]
font-size: 10px;[color=#5a5a5a][/color]
padding: 2px 10px;[color=#5a5a5a][/color]
font-weight: bold;[color=#5a5a5a][/color]
margin: 5px 5px 5px 3px;[color=#5a5a5a][/color]
display: inline-block;[color=#5a5a5a][/color]
-moz-border-radius: 3px;[color=#5a5a5a][/color]
-webkit-border-radius: 3px;[color=#5a5a5a][/color]
border-radius: 3px;[color=#5a5a5a][/color]
cursor: pointer;[color=#5a5a5a][/color]
}[color=#5a5a5a][/color]
.BSlikecount.zero {background: #dedede; color: #6e6e6e;}
Depois crie um JavaScript com isto!

Código:
function bslike(x,a){[color=#5a5a5a][/color]
var d=a.innerHTML;[color=#5a5a5a][/color]
a.onclick="#";[color=#5a5a5a][/color]
$.get(x,function(){[color=#5a5a5a][/color]
a.className+=" BSnovote";[color=#5a5a5a][/color]
a.innerHTML=d;[color=#5a5a5a][/color]
var c=a.nextSibling,x=parseInt(/\d+/.exec(c.innerHTML)[0])+1;[color=#5a5a5a][/color]
c.innerHTML=c.innerHTML.replace(/\d+/,x)[color=#5a5a5a][/color]
}[color=#5a5a5a][/color]
)};[color=#5a5a5a][/color]
function init_bs_like_system() {[color=#5a5a5a][/color]
    var x = $('.vote');[color=#5a5a5a][/color]
    for (var i = 0, l = x.length; i < l; i++) {[color=#5a5a5a][/color]
        var vote = x[i],[color=#5a5a5a][/color]
            count = 0,[color=#5a5a5a][/color]
            plus = 0;[color=#5a5a5a][/color]
        var bar = $('.vote-bar', vote)[0];[color=#5a5a5a][/color]
        var button = $('.vote-button', vote)[0];[color=#5a5a5a][/color]
        if (bar) {[color=#5a5a5a][/color]
            var info = bar.title.match(/\d+/g);[color=#5a5a5a][/color]
            count = info[0];[color=#5a5a5a][/color]
            var percent = info[1];[color=#5a5a5a][/color]
            plus = Math.round(parseInt(percent) * parseInt(count)) / 100;[color=#5a5a5a][/color]
        }[color=#5a5a5a][/color]
button = button ? '<span onclick="bslike(\'' + button.firstChild.href + '\',this);" class="BSlike">' + vote_image + '</span>' : '<span class="BSlike BSnovote">' + vote_image + '</span>';[color=#5a5a5a][/color]
        var votes_num = '<span class="BSlikecount">' + plus + '</span>';[color=#5a5a5a][/color]
          if (like_version === 'phpbb3' || like_version === 'PHPBB3') {[color=#5a5a5a][/color]
            $('.corners-bottom', vote.parentNode.parentNode)[color=#5a5a5a][/color]
         .before('<div class="LGvote" style="margin:3px">' + button + votes_num + '</div>');[color=#5a5a5a][/color]
        } else if (like_version === 'invision' || like_version === 'Invision' || like_version === 'INVISION') {[color=#5a5a5a][/color]
            $(vote.parentNode.parentNode.parentNode.nextSibling.lastChild)[color=#5a5a5a][/color]
         .prepend('<li><div class="LGvote">' + button + votes_num + '</div></li>');[color=#5a5a5a][/color]
        }[color=#5a5a5a][/color]
            else if (like_version === 'punbb' || like_version === 'PUNBB') {[color=#5a5a5a][/color]
            $('.postfoot', vote.parentNode.parentNode.parentNode.parentNode)[color=#5a5a5a][/color]
         .before('<div class="BSvote" style="float: right;">' + button + votes_num + '</div>');[color=#5a5a5a][/color]
        }[color=#5a5a5a][/color]
            else if (like_version === 'PHPBB2' || like_version === 'phpbb2') {[color=#5a5a5a][/color]
            $('td.post tr:last')[color=#5a5a5a][/color]
         .append('</br></br><div class="LGvote" style="margin:3px">' + button + votes_num + '</div>');[color=#5a5a5a][/color]
        }[color=#5a5a5a][/color]
    }[color=#5a5a5a][/color]
$('.BSlikecount').each(function() {                                        [color=#5a5a5a][/color]
                  if($(this).text() =='0') {[color=#5a5a5a][/color]
                    $(this).addClass('zero');  [color=#5a5a5a][/color]
                  }[color=#5a5a5a][/color]
});[color=#5a5a5a][/color]
x.remove();[color=#5a5a5a][/color]
};[color=#5a5a5a][/color]
if (DOM_IS_READY == true){[color=#5a5a5a][/color]
    init_bs_like_system();[color=#5a5a5a][/color]
} [color=#5a5a5a][/color]
else {[color=#5a5a5a][/color]
$(function(){[color=#5a5a5a][/color]
        init_bs_like_system();[color=#5a5a5a][/color]
});[color=#5a5a5a][/color]
}
Depois Crie NOVAMENTE outro JavaScript, Agora com esse Código:

Código:
var like_version = 'punbb';[color=#5a5a5a][/color]
var DOM_IS_READY = false;[color=#5a5a5a][/color]
$(function(){[color=#5a5a5a][/color]
DOM_IS_READY=true;[color=#5a5a5a][/color]
});[color=#5a5a5a][/color]
var vote_image = '<img src="http://i70.servimg.com/u/f70/18/07/42/17/rep_up11.png" />';[color=#5a5a5a][/color]
$.getScript('http://LINK_DO_FÓRUM/JS.js');
PS: Em LINK_DO_FÓRUM, Adicione o URL do JavaScript criado anteriormente. 

Até +


Última edição por iTrevaS em Qua 23 Out 2013 - 14:45, editado 2 vez(es)

GyGu GyGu  • Qua 23 Out 2013 - 14:37

[Tutorial]Botão Curtir Igual BS Empty Re: [Tutorial]Botão Curtir Igual BS Qua 23 Out 2013 - 14:37

Já procurei mas não encontro com essa forma da seta [Tens de ter uma conta e sessão iniciada para poderes visualizar esta imagem]

GSCode GSCode  • Qua 23 Out 2013 - 14:46

[Tutorial]Botão Curtir Igual BS Empty Re: [Tutorial]Botão Curtir Igual BS Qua 23 Out 2013 - 14:46

Reputação da mensagem: 100% (1 votos)
Olá.

Lhe passei o Tutorial, Infelizmente bugou..
Veja aqui: Reputação Personaliza

Até +

GyGu GyGu  • Qua 23 Out 2013 - 17:24

[Tutorial]Botão Curtir Igual BS Empty Re: [Tutorial]Botão Curtir Igual BS Qua 23 Out 2013 - 17:24

Funcionou!! No entanto a seta [Tens de ter uma conta e sessão iniciada para poderes visualizar esta imagem]fica por cima do número e aqui fica ao lado pode ver no fórum [Tens de ter uma conta e sessão iniciada para poderes visualizar este link]

GSCode GSCode  • Qua 23 Out 2013 - 18:20

[Tutorial]Botão Curtir Igual BS Empty Re: [Tutorial]Botão Curtir Igual BS Qua 23 Out 2013 - 18:20

Olá,

Desculpe-me, Mais como convidado não tenho como averiguar e lhe dar reputação!

Até +.

Conteúdo patrocinado  • 

[Tutorial]Botão Curtir Igual BS Empty Re: [Tutorial]Botão Curtir Igual BS

Permissões neste sub-fórum
Não podes responder a tópicos