Reputação personalizada

[Kolseuvis]

Qual é minha questão:
Prezados,

Seguindo Este Tutorial eu tentei chegar no resultado da imagem que apresento abaixo. Ou seja, apenas reputação positiva e personalizada, com a imagem da cruz () e a contagem de votos positivos recebidos ao lado.

Como consigo este resultado?

Medidas que eu tomei para corrigir o problema:
Tentei modificar o código do tutorial, mas sem sucesso.

Imagens do meu problema:
https://i.servimg.com/u/f42/17/12/27/86/sem_ta13.png

Versão do meu fórum:
PHPBB3

[Convidad]

Olá,

Você já fez as alterações de imagem como mostra no tutorial?!
Se tiver feito, mende-me para a observação.

Atenciosamente.

[Setsumaru]

Olá,

Eu sei, basta mandar seu código.

[Kolseuvis]

@Touks: O código css que eu usei foi exatamente o passado pela forumeiros:

Código:

.vote {
float: right;
margin-left: 4px;
width: 9px;
}
.vote .vote-button {
font-weight: 700;
margin-left: -1px;
text-align: center;
}
.vote .vote-button a {
text-decoration: none !important;
}
.vote .vote-bar {
border: 1px solid #666666;
font-size: 0;
height: 50px;
margin: 0 auto;
width: 3px;
}
.vote .vote-no-bar {
letter-spacing: -2px;
margin-left: -2px;
white-space: nowrap;
}
.vote .vote-bar-plus {
background-color: #00FF00;
}
.vote .vote-bar-minus {
background-color: red;
}

div.vote-count {
background: url("sd-1.archive-host.com/membres/images/142586199450897653/FDF/button_count.png") no-repeat scroll 0 0 transparent;
color: #4AAE00;
font-size: 10px;
font-weight: 700;
height: 17px;
padding-top: 2px;
text-align: center;
width: 27px;
}
td.post-options li, ul.profile-icons li, .post-options li, .post-footer ul.misc-icons li{
color: transparent;
}

Depois que tentei fazer as mudanças desconfigurei partes do fórum, logo tirei e não salvei o atualizado.

[Convidad]

Olá,

Me refiro a esta parte do tutorial:

Spoiler:

Atenciosamente.

[Setsumaru]

Oi boa noite Kolseuvis,

Supostamente o que podemos modificar é está parte:

Código:

function discat(cat){$('#menu > div').slideUp(500);$('#subcat'+cat).slideDown(900)}$(function(){$("dd.dterm[style*='489903.gif']").closest("dl.icon").addClass("t-uniq");$("#profile_field_2_-20").focus(function(){$(this).val(($(this).val()?$(this).val()+"\n":"")+new Date().getDate()+"/"+(new Date().getMonth()+1)+"/"+(new Date().getFullYear()-2000)+" ("+$("#i_icon_mini_logout").attr("alt").replace(/^.*?\[ (.*) \]$/,"$1")+")"+" : ").unbind("focus")})});$(function(){$(".vote").each(function(){$(this).find(".vote-button:first a").html('<img src="Link da imagem para votar" alt="Voter" title="Voter pour ce message" />').click(function(){$.get($(this).attr("href"));$(this).parent().html('<img src="link da imagem com o voto dado" alt="Vote enregistré" title="Vote enregistré" />');return!1});$(this).closest(".postbody").find("ul.profile-icons").append("<li />").find("li:last").append($(this).find(".vote-button:first a")).append($(this).find(".vote-bar").length?' <div class="vote-count" title="Nombre d'évaluations positives">'+$(this).find(".vote-bar").attr("title").replace(/^.*\(([0-9]*) .*?\)$/,"$1"):"")+'</div>';$(this).remove()});if($("code").filter(function(){var a=$(this).text().indexOf("["),b=$(this).text().indexOf("]"),c=$(this).text().indexOf("[/"),d=$(this).text().indexOf("<"),e=$(this).text().indexOf('"'),f=$(this).text().indexOf("'"),g=$(this).text().indexOf("/");return a==-1||b==-1||c==-1||a>b||b>c||d!=-1&&d<a||e!=-1&&e<a||f!=-1&&f<a||g!=-1&&g<a}).each(function(){$(this).wrapInner('<pre class="prettyprint'+($(this).text().indexOf("<")==-1&&/[\s\S]+{[\s\S]+:[\s\S]+}/.test($(this).text())?" lang-css":"")+' linenums" />')}).length){var s=document.createElement("script");s.type="text/javascript";s.async=!0;s.src="http://forum.forumactif.com/12076.js";document.getElementsByTagName("head")[0].appendChild(s)}});

Nos passe o conteúdo desta parte que criou.

[Kolseuvis]

É exatamente este, igual.
O que eu criei não deu certo e eu removi amigo.

[Setsumaru]

É exatamente este, igual.
O que eu criei não deu certo e eu removi amigo.

Olá,

Tente recria-lo e mande-nos o código novamente.

[Kolseuvis]

Amigo, mas já tentei e não consegui!
Foi exatamente por isto que criei este tópico, para que me ajudassem na criação! rsrs

[Setsumaru]

Olá,

Pois então crie o Código e lhe ajudaremos à edita-lo.

[Kolseuvis]

Amigo, eu não sei criar!
Eu vim pedir ajudar pois não sei criar ! rsrs

[Convidad]

Olá,

Veja o código:

function discat(cat){$('#menu > div').slideUp(500);$('#subcat'+cat).slideDown(900)}$(function(){$("dd.dterm[style*='489903.gif']").closest("dl.icon").addClass("t-uniq");$("#profile_field_2_-20").focus(function(){$(this).val(($(this).val()?$(this).val()+"\n":"")+new Date().getDate()+"/"+(new Date().getMonth()+1)+"/"+(new Date().getFullYear()-2000)+" ("+$("#i_icon_mini_logout").attr("alt").replace(/^.*?\[ (.*) \]$/,"$1")+")"+" : ").unbind("focus")})});$(function(){$(".vote").each(function(){$(this).find(".vote-button:first a").html('<img src="LINKIMAGEM1" alt="Voter" title="Voter pour ce message" />').click(function(){$.get($(this).attr("href"));$(this).parent().html('<img src="LINKIMAGEM2" alt="Vote enregistré" title="Vote enregistré" />');return!1});$(this).closest(".postbody").find("ul.profile-icons").append("<li />").find("li:last").append($(this).find(".vote-button:first a")).append($(this).find(".vote-bar").length?' <div class="vote-count" title="Nombre d\'évaluations positives">'+$(this).find(".vote-bar").attr("title").replace(/^.*\(([0-9]*) .*?\)$/,"$1"):"")+'</div>';$(this).remove()});if($("code").filter(function(){var a=$(this).text().indexOf("["),b=$(this).text().indexOf("]"),c=$(this).text().indexOf("[/"),d=$(this).text().indexOf("<"),e=$(this).text().indexOf('"'),f=$(this).text().indexOf("'"),g=$(this).text().indexOf("/");return a==-1||b==-1||c==-1||a>b||b>c||d!=-1&&d<a||e!=-1&&e<a||f!=-1&&f<a||g!=-1&&g<a}).each(function(){$(this).wrapInner('<pre class="prettyprint'+($(this).text().indexOf("<")==-1&&/[\s\S]+{[\s\S]+:[\s\S]+}/.test($(this).text())?" lang-css":"")+' linenums" />')}).length){var s=document.createElement("script");s.type="text/javascript";s.async=!0;s.src="http://forum.forumactif.com/12076.js";document.getElementsByTagName("head")[0].appendChild(s)}});

Observe os campos em vermelho, o link da imagem 1 é para a imagem que será dado o voto o (+). O Link da imagem 2 será a imagem que aparecerá após o voto ser dado. Depois de feita tal modificação, faça os passos que o tutorial fala.

Atenciosamente.