Boas-vindas ao Power Pixel

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

Colocar botão de reputação num sítio

3 participantes

Início :: Forumeiros :: NostalgiaColocar botão de reputação num sítio

avatar IsmaelS.  • Ter 13 Ago 2013 - 23:04

Colocar botão de reputação num sítio Empty Colocar botão de reputação num sítio Ter 13 Ago 2013 - 23:04

Reputação da mensagem: 100% (1 votos)
Qual é minha questão:
Olá,

Vejam esta print:

[Tens de ter uma conta e sessão iniciada para poderes visualizar esta imagem]

Onde está os botões de reputação + e -, nesse mesmo sitio, gostava de saber se era possível colocar este botão:

[Tens de ter uma conta e sessão iniciada para poderes visualizar esta imagem]

Mas queria num estilo diferente colocar assim:

[Tens de ter uma conta e sessão iniciada para poderes visualizar esta imagem]

A seta em cima e o valor em baixo se for possível !

Endereço do meu fórum:
fórum de teste

Versão:
PunBB

avatar IsmaelS.  • Qua 14 Ago 2013 - 9:09

avatar IsmaelS.  • Sex 16 Ago 2013 - 5:39

Daemon Daemon  • Sex 16 Ago 2013 - 17:25

Colocar botão de reputação num sítio Empty Re: Colocar botão de reputação num sítio Sex 16 Ago 2013 - 17:25

Reputação da mensagem: 100% (1 votos)
Adicione ao seu css:
Código:
/*like*/
.BSlike {
  display: block;
  margin: 0 5px;
  cursor: pointer;
}
.BSnovote, .vote {display: none;}
.BSlikecount {
background: #6f8f52;;
color: #fff;
font-size: 10px;
padding: 2px 10px;
font-weight: bold;
margin: 5px 5px 5px 3px;
display: inline-block;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
cursor: pointer;
}
.BSlikecount.zero {background: #dedede; color: #6e6e6e;}
Depois iremos criar um novo javascript sem investimento:
Código:
function bslike(x,a){
var d=a.innerHTML;
a.onclick="#";
$.get(x,function(){
a.className+=" BSnovote";
a.innerHTML=d;
var c=a.nextSibling,x=parseInt(/\d+/.exec(c.innerHTML)[0])+1;
c.innerHTML=c.innerHTML.replace(/\d+/,x)
}
)};
function init_bs_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="bslike(\'' + button.firstChild.href + '\',this);" class="BSlike">' + vote_image + '</span>' : '<span class="BSlike BSnovote">' + vote_image + '</span>';
        var votes_num = '<span class="BSlikecount">' + plus + '</span>';
          if (like_version === 'phpbb3' || like_version === 'PHPBB3') {
            $('.corners-bottom', vote.parentNode.parentNode)
         .before('<div class="LGvote" style="margin:3px">' + button + votes_num + '</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_num + '</div></li>');
        }
            else if (like_version === 'punbb' || like_version === 'PUNBB') {
            $('.postfoot', vote.parentNode.parentNode.parentNode.parentNode)
         .before('<div class="BSvote" style="float: right;">' + button + votes_num + '</div>');
        }
            else if (like_version === 'PHPBB2' || like_version === 'phpbb2') {
            $('td.post tr:last')
         .append('</br></br><div class="LGvote" style="margin:3px">' + button + votes_num + '</div>');
        }
    }
$('.BSlikecount').each(function() {                                       
                  if($(this).text() =='0') {
                    $(this).addClass('zero'); 
                  }
});
x.remove();
};
if (DOM_IS_READY == true){
    init_bs_like_system();
}
else {
$(function(){
        init_bs_like_system();
});
}
Depois crie novamente mais um javascript com investimento nos tópicos e adicione:
Código:
var like_version = 'punbb';
var DOM_IS_READY = false;
$(function(){
DOM_IS_READY=true;
});
var vote_image = '<img src="http://i70.servimg.com/u/f70/18/07/42/17/rep_up11.png" />';
$.getScript('http://LINK_DO_FÓRUM/JS.js');
Localize> [Tens de ter uma conta e sessão iniciada para poderes visualizar este link] e troque pelo link do JS criado anteriormente.
Até mais!

avatar IsmaelS.  • Sex 16 Ago 2013 - 20:11

Colocar botão de reputação num sítio Empty Re: Colocar botão de reputação num sítio Sex 16 Ago 2013 - 20:11

Não apareceu nenhum botão.

Daemon Daemon  • Sex 16 Ago 2013 - 20:35

Colocar botão de reputação num sítio Empty Re: Colocar botão de reputação num sítio Sex 16 Ago 2013 - 20:35

Você fez o que falei? trocou esta parte do segundo código: [Tens de ter uma conta e sessão iniciada para poderes visualizar este link]
pelo link do script criado anteriormente?

avatar IsmaelS.  • Sex 16 Ago 2013 - 21:43

avatar IsmaelS.  • Dom 18 Ago 2013 - 0:30

Target Target  • Dom 18 Ago 2013 - 10:03

Colocar botão de reputação num sítio Empty Re: Colocar botão de reputação num sítio Dom 18 Ago 2013 - 10:03

Olá senhor,
Passe-me os códigos utilizados.

Até mais.

avatar IsmaelS.  • Dom 18 Ago 2013 - 11:37

Colocar botão de reputação num sítio Empty Re: Colocar botão de reputação num sítio Dom 18 Ago 2013 - 11:37

Os códigos que o Daemon postou em cima...

Daemon Daemon  • Dom 18 Ago 2013 - 12:06

Colocar botão de reputação num sítio Empty Re: Colocar botão de reputação num sítio Dom 18 Ago 2013 - 12:06

O código que lhe passei eu testei, e funcionou perfeitamente.
Tem como me dar o acesso ao seu fórum pra que eu mesmo possa aplicar o código?
Até mais!

avatar IsmaelS.  • Dom 18 Ago 2013 - 13:24

Colocar botão de reputação num sítio Empty Re: Colocar botão de reputação num sítio Dom 18 Ago 2013 - 13:24

Já lhe foi enviado

Daemon Daemon  • Dom 18 Ago 2013 - 13:59

Colocar botão de reputação num sítio Empty Re: Colocar botão de reputação num sítio Dom 18 Ago 2013 - 13:59

Pronto amigo, já adicionei o código, posso dar o tópico como resolvido?
Até mais!

avatar IsmaelS.  • Dom 18 Ago 2013 - 16:13

Colocar botão de reputação num sítio Empty Re: Colocar botão de reputação num sítio Dom 18 Ago 2013 - 16:13

Resolvido.

Daemon Daemon  • Dom 18 Ago 2013 - 17:29

Colocar botão de reputação num sítio Empty Re: Colocar botão de reputação num sítio Dom 18 Ago 2013 - 17:29

[sucesso=Tópico Resolvido; e Bloqueado][/sucesso]Movido para: Arquivo - Pedido de código

Conteúdo patrocinado  • 

Colocar botão de reputação num sítio Empty Re: Colocar botão de reputação num sítio

Início :: Forumeiros :: Nostalgia:: Colocar botão de reputação num sítio
Permissões neste sub-fórum
Não podes responder a tópicos