With this tutorial, you can install the reputation system from the support forums of forumotion.(French,Spanish,etc)
Preview:
First, add this Javascript:
Place: In All Pages
Next, add this CSS:
Don't forget to edit the text in capitals for your own images.
And the value width and height in the css code for the same size of the button.
Regards,
YoshiGM
Preview:

First, add this Javascript:
- Code:
$(function(){$(".vote").each(function(){$(this).find(".vote-button:first a").html('<img src="LINK OF THE REPUTATION BUTTON" alt="Votar" title="Votar este mensaje" />').click(function(){$.get($(this).attr("href"));$(this).parent().html('<img src="LINK OF THE REPUTATION BUTTON WHEN IS CLICKED" alt="Vote enregistré" title="Vote registered" />');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="Number of Positive Votes">'+$(this).find(".vote-bar").attr("title").replace(/^.*\(([0-9]*) .*?\)$/,"$1"):"")+'</div>';$(this).remove()})});
Place: In All Pages
Next, add this CSS:
- Code:
.vote-count {
background: url("LINK OF THE REPUTATION COUNT BUTTON") no-repeat scroll 0 0 transparent;
color: #COLOR DE LOS VOTOS;
font-size: 20px;
font-weight: 700;
height: 33px;
padding-top: 5px;
text-align: center;
width: 37px;
text-shadow: 1px 1px 2px #000;
font-family: Arial Black;
}
Don't forget to edit the text in capitals for your own images.
And the value width and height in the css code for the same size of the button.
Regards,
YoshiGM