YoshiGM
  • Veteran staff member

      Reputation : 8
      Registered on : 2012-04-07
      Posts : 174
      Its Yoshi Time
    With this tutorial, you can install the reputation system from the support forums of forumotion.(French,Spanish,etc)

    Preview: Reputation System Like FDF Rep_fd10

    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