Ajuda com ponto de reputação

+3
weberth.souza
-Ruiva
Felipewmwm
7 participantes

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

  • 0

Tópico resolvido Ajuda com ponto de reputação

Mensagem por Felipewmwm 06.02.13 21:05

Qual é minha questão:
Olá estou querendo uma ajuda fui neste fórum aqui: http://ajuda.forumeiros.com/t56722-tutorial-alterar-os-sinais-de-reputacao

e coloquei o código certo e troquei as imagens soque fica aparacendo o mesmo + - original do forum e tambem so aparece para administradores e moderadores não aparece pra membros
queria ajuda com isso.

Agradeço a quem ajudar.

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

Versão do fórum:
PHPBB3
Felipewmwm

Felipewmwm
*

Membro desde : 09/01/2013
Mensagens : 40
Pontos : 71

http://fpibrasil.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Ajuda com ponto de reputação

Mensagem por -Ruiva 06.02.13 21:34

Você quer colocar pontos de reputação ou ''Crash''?
-Ruiva

-Ruiva
**

Membro desde : 21/01/2013
Mensagens : 80
Pontos : 110

http://garotapopular.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Ajuda com ponto de reputação

Mensagem por Felipewmwm 06.02.13 21:44

pontos de reputação
Felipewmwm

Felipewmwm
*

Membro desde : 09/01/2013
Mensagens : 40
Pontos : 71

http://fpibrasil.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Ajuda com ponto de reputação

Mensagem por weberth.souza 06.02.13 21:56

Ajuda - Ajuda com ponto de reputação Thumb-10 Avaliação positiva de uma mensagem

Sempre gostamos de criar novas maneiras para aumentar a interatividade nas postagens, e dessa vez, você aprenderá através do tutorial a colocar um botão de avaliação positiva nas mensagens, onde cada clique representará o mesmo que "Curtir", como estamos acostumados na rede social Facebook.

--> Tutoriais, dicas e astúcias <--
Avaliação positiva de uma mensagem

Versão PunBB

- Localizar a template:
Painel de Controle >> Visualização >> Templates >> Geral >> viewtopic_body Editar

- Adicionar o código:

Adicionem o seguinte script abaixo na última linha da template:

Código:
<style type="text/css">div.ddvote{float:right;margin-left: 20px; height:20px;line-height:20px;font-size:12px;font-weight:bold;}</style>
<script type="text/javascript">
//<![CDATA[
var CopyrightNotice = 'Professional like/dislike bar for forumotion IPB2/Invision boards. Copyright © 2011 by Dion Designs. All Rights Reserved. Use and/or modification of this script is allowed, provided this entire copyright notice remains in the original or modified script. Distribution is not allowed without written consent from Dion Designs.';
var x=$('.vote').get();
for (i=x.length-1; i>=0; i--) {
    var plus='0';

    var vplus='<img style="margin-right:3px" title="Like" src="http://i45.servimg.com/u/f45/14/85/89/99/plus_110.png" />';
   
    var y=$(x[i]).find('.vote-button a').get();
    for (j=0; j<y.length; j++) {
        if (y[j].innerHTML=='+') {vplus='<a href="'+y[j].href+'">'+vplus+'</a>';}
    }
    var y=$(x[i]).find('.vote-bar')[0];
    if (y) {
        var z=y.title.split(' ');
        var pct=parseInt(z[3].replace(/%/,''))/100;
        var num=parseInt(z[4].replace(/\(/,''));
        plus=String(Math.round(num*pct));
    }
    $(x[i]).replaceWith('<div class="ddvote"> ' + vplus + plus + ' <div>');
}
//]]>
</script>


- Remover o bloco de votação:

Procure pelas seguintes linhas no template e remova-as: (busque apenas a primeira linha, depois veja até onde deletar)

Código:
<!-- BEGIN switch_vote_active -->
    <div class="vote gensmall">
    <!-- BEGIN switch_vote -->
        <div class="vote-button"><a href="{postrow.displayed.switch_vote_active.switch_vote.U_VOTE_PLUS}">+</a></div>
    <!-- END switch_vote -->
    <!-- BEGIN switch_bar -->
        <div class="vote-bar" title="{postrow.displayed.switch_vote_active.L_VOTE_TITLE}">
        <!-- BEGIN switch_vote_plus -->
            <div class="vote-bar-plus" style="height:{postrow.displayed.switch_vote_active.switch_bar.switch_vote_plus.HEIGHT_PLUS}px;"></div>
        <!-- END switch_vote_plus -->
        <!-- BEGIN switch_vote_minus -->
            <div class="vote-bar-minus" style="height:{postrow.displayed.switch_vote_active.switch_bar.switch_vote_minus.HEIGHT_MINUS}px;"></div>
        <!-- END switch_vote_minus -->
        </div>
    <!-- END switch_bar -->
    <!-- BEGIN switch_no_bar -->
        <div title="{postrow.displayed.switch_vote_active.L_VOTE_TITLE}" class="vote-no-bar">----</div>
    <!-- END switch_no_bar -->
    <!-- BEGIN switch_vote -->
        <div class="vote-button"><a href="{postrow.displayed.switch_vote_active.switch_vote.U_VOTE_MINUS}">-</a></div>
    <!-- END switch_vote -->
    </div>
<!-- END switch_vote_active -->


- Substituir outra linha da template:
Agora procure pela seguinte linha:

Código:
<div id="p{postrow.displayed.U_POST_ID}" class="posthead"{postrow.displayed.THANK_BGCOLOR}>

Substitua-a por esta:

Código:
<div id="p{postrow.displayed.U_POST_ID}" class="posthead clearfix"{postrow.displayed.THANK_BGCOLOR}>


- Adicionar o bloco de votação:
Agora, exatamente abaixo da linha que acabou de substituir, cole o código abaixo:

Código:
<!-- BEGIN switch_vote_active -->
    <div class="vote gensmall">
    <!-- BEGIN switch_vote -->
        <div class="vote-button"><a href="{postrow.displayed.switch_vote_active.switch_vote.U_VOTE_PLUS}">+</a></div>
    <!-- END switch_vote -->
    <!-- BEGIN switch_bar -->
        <div class="vote-bar" title="{postrow.displayed.switch_vote_active.L_VOTE_TITLE}">
        <!-- BEGIN switch_vote_plus -->
            <div class="vote-bar-plus" style="height:{postrow.displayed.switch_vote_active.switch_bar.switch_vote_plus.HEIGHT_PLUS}px;"></div>
        <!-- END switch_vote_plus -->
        <!-- BEGIN switch_vote_minus -->
            <div class="vote-bar-minus" style="height:{postrow.displayed.switch_vote_active.switch_bar.switch_vote_minus.HEIGHT_MINUS}px;"></div>
        <!-- END switch_vote_minus -->
        </div>
    <!-- END switch_bar -->
    <!-- BEGIN switch_no_bar -->
        <div title="{postrow.displayed.switch_vote_active.L_VOTE_TITLE}" class="vote-no-bar">----</div>
    <!-- END switch_no_bar -->
    <!-- BEGIN switch_vote -->
        <div class="vote-button"><a href="{postrow.displayed.switch_vote_active.switch_vote.U_VOTE_MINUS}">-</a></div>
    <!-- END switch_vote -->
    </div>
<!-- END switch_vote_active -->


- Adicionar o bloco de votação:
Ao terminar, clique em Salvar, na parte inferior da página e depois, no mesmo local em que clicou para ir até a edição do template, clique em Publicar.

Observações:

>Sim, eu poderia ter dado o template pronto para que vocês apenas o substituíssem. Mas não o fiz por duas razões.

1) Seguindo o tutorial, você sabe exatamente o que fez para obter o resultado desejado, caso contrário, estaria confiando no código fornecido por mim sem saber as substituições e edições que fiz.

2) Muitos membros já podem ter feito alguma alteração na template através de outro tutorial ou modificação própria, então eu acabaria estragando as mesmas...

>Já fiz o tutorial utilizando a imagem que pediram, do FdF Inglês.


Versão Phpbb3 & Invision

- Localizar a gestão dos códigos Javascript:
Painel de Controle > Módulos > Gestão dos códigos > JavaScript > Criar um novo Javascript

- Criar o código:
Título: Avaliação positiva de uma mensagem
Investimento: Em todas as páginas
Código Javascript:

Phpbb3
Código:
var CopyrightNotice = 'Professional like/dislike bar for forumotion phpBB3 boards. Copyright © 2011 by Dion Designs. All Rights Reserved. Use and/or modification of this script is allowed, provided this entire copyright notice remains in the original or modified script. Distribution is not allowed without written consent from Dion Designs.';
$(function() {
    $('#main-content').prepend('<style type="text/css">ul.profile-icons li.ddvote{height:20px;line-height:20px;font-size:12px;font-weight:bold}ul.profile-icons li.ddvote a{display:inline}.postbody ul.profile-icons li.ddvote img{cursor:default;vertical-align:middle}.postbody ul.profile-icons li.ddvote a img{cursor:pointer}</style>');
    var x=$('.vote').get();
    for (i=x.length-1; i>=0; i--) {
        var plus='0';

        var vplus='<img style="position:relative;top:-3px;margin-right:3px" title="Like" src="http://i45.servimg.com/u/f45/14/85/89/99/plus_110.png" />';

        var y=$(x[i]).find('.vote-button a').get();
        for (j=0; j<y.length; j++) {
            if (y[j].innerHTML=='+') {vplus='<a href="'+y[j].href+'">'+vplus+'</a>';}
            }
        var y=$(x[i]).find('.vote-bar')[0];
        if (y) {
            var z=y.title.split(' ');
            var pct=parseInt(z[3].replace(/%/,''))/100;
            var num=parseInt(z[4].replace(/\(/,''));
            plus=String(Math.round(num*pct));
        }
        if (x[i].parentNode.parentNode.parentNode.className=='module row1') {
            $(x[i].parentNode).find('.profile-icons').prepend('<li class="ddvote"> ' + vplus + plus + ' <li>');
            $(x[i].parentNode).find('.h3').css('border','none');
        }
        else {
            $(x[i].parentNode.childNodes[0]).prepend('<li class="ddvote"> ' + vplus + plus + ' <li>');
        }
        x[i].parentNode.removeChild(x[i]);
    }
});


Invision
Código:
var CopyrightNotice = 'Professional like/dislike bar for forumotion phpBB3 boards. Copyright © 2011 by Dion Designs. All Rights Reserved. Use and/or modification of this script is allowed, provided this entire copyright notice remains in the original or modified script. Distribution is not allowed without written consent from Dion Designs.';
$(function() {
    $('#main-content').prepend('<style type="text/css">ul.post-info li.ddvote{height:20px;line-height:20px;font-size:12px;font-weight:bold;}</style>');
    var x=$('.vote').get();
    for (i=x.length-1; i>=0; i--) {
        var plus='0';

        var vplus='<img style="position:relative;top:-3px;margin-right:3px" title="Like" src="http://i45.servimg.com/u/f45/14/85/89/99/plus_110.png" />';

        var y=$(x[i]).find('.vote-button a').get();
        for (j=0; j<y.length; j++) {
            if (y[j].innerHTML=='+') {vplus='<a href="'+y[j].href+'">'+vplus+'</a>';}
            }
        var y=$(x[i]).find('.vote-bar')[0];
        if (y) {
            var z=y.title.split(' ');
            var pct=parseInt(z[3].replace(/%/,''))/100;
            var num=parseInt(z[4].replace(/\(/,''));
            plus=String(Math.round(num*pct));
        }
        $(x[i].parentNode.previousSibling.childNodes[0]).prepend('<li class="ddvote"> ' + vplus + plus + ' <li>');
        x[i].parentNode.removeChild(x[i]);
    }
});

Clique em Confirmar.

Resultado final:
Ajuda - Ajuda com ponto de reputação Repo
weberth.souza

weberth.souza
***

Membro desde : 03/10/2012
Mensagens : 131
Pontos : 201

http://legendscheats.uniogame.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Ajuda com ponto de reputação

Mensagem por Felipewmwm 06.02.13 21:58

ja fiz isso do java mais os membros não conseguem votar
Felipewmwm

Felipewmwm
*

Membro desde : 09/01/2013
Mensagens : 40
Pontos : 71

http://fpibrasil.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Ajuda com ponto de reputação

Mensagem por weberth.souza 06.02.13 22:07

weberth.souza

weberth.souza
***

Membro desde : 03/10/2012
Mensagens : 131
Pontos : 201

http://legendscheats.uniogame.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Ajuda com ponto de reputação

Mensagem por Felipewmwm 07.02.13 0:21

nao funciono
Felipewmwm

Felipewmwm
*

Membro desde : 09/01/2013
Mensagens : 40
Pontos : 71

http://fpibrasil.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Ajuda com ponto de reputação

Mensagem por Felipewmwm 07.02.13 1:31

veja bem estou querendo que o usuário possa dar ponto de reputação sem ser o botão obrigado.
Felipewmwm

Felipewmwm
*

Membro desde : 09/01/2013
Mensagens : 40
Pontos : 71

http://fpibrasil.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Ajuda com ponto de reputação

Mensagem por Mafioso 07.02.13 1:36

Olá tente esse código
Código:
 .vote .vote-button, .vote-no-bar {
display:none;
}
.vote .vote-button:first-child {
display:block;
}
Mafioso

Mafioso
Membro

Membro desde : 13/11/2012
Mensagens : 707
Pontos : 903

http://www.brasilplaycity.com.br/forum

Ir para o topo Ir para baixo

Tópico resolvido Re: Ajuda com ponto de reputação

Mensagem por Felipewmwm 07.02.13 13:07

amigo eu não quero por só o botão mais quero q os usuários possam dar ponto de reputação tambem
Felipewmwm

Felipewmwm
*

Membro desde : 09/01/2013
Mensagens : 40
Pontos : 71

http://fpibrasil.forumeiros.com/

Ir para o topo Ir para baixo

Membro Entusiasta

Tópico resolvido Re: Ajuda com ponto de reputação

Mensagem por Solkis 08.02.13 21:35

Boa noite,

Eu fiquei um pouco confuso com a sua dúvida. Tudo que quer é mudar os botões de reputação? Alterar o + e -? Se for só isso, por favor dê o endereço das imagens e eu farei o código.

Até mais.
Solkis

Solkis
Membro Entusiasta
Membro Entusiasta

Membro desde : 26/01/2008
Mensagens : 9983
Pontos : 12071

https://ajuda.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Ajuda com ponto de reputação

Mensagem por Nox_ 11.02.13 1:56

Eu não entendi sua duvida Muito bem, você pode explicar um pouco melhors rs.
Nox_

Nox_
**

Membro desde : 09/02/2013
Mensagens : 81
Pontos : 110

http://www.easygames.com.br

Ir para o topo Ir para baixo

Membro Entusiasta

Tópico resolvido Re: Ajuda com ponto de reputação

Mensagem por Luciano98 11.02.13 8:24

Olá!

Painel de controle Seta Módulos Seta Reputação
Procure por "Número limite de votos por dia por utilizador" e digite um número maior que "0" e clique em "Salvar".

Passe o CSS que você utilizou para colocar a imagem nos botões de voto.

Até mais.
Luciano98

Luciano98
Membro Entusiasta
Membro Entusiasta

Membro desde : 02/09/2010
Mensagens : 7647
Pontos : 11049

https://ajuda.forumeiros.com

Ir para o topo Ir para baixo

Ver o tópico anterior Ver o tópico seguinte Ir para o topo

- Tópicos semelhantes

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