Indexpage message

Dear member,

How can i replace the rank title text to a rank image in this code?

Code:

<style type="text/css">
    #userProfile {
        font-size: 13px;
        position: relative;
        margin-top: 20px;
        margin-bottom: 10px;
        padding: 3px;
    }
    #module,
    .panel {
        background: none;
        border: none;
        border-bottom-width: 2px;
        border-radius: 3px;
    }
    #userProfile .leftCol {
        float: left;
        text-align: center;
        width: 20%;
    }
    #userProfile .rightCol {
        float: left;
        width: 25%;
    }
    #userName {
        background: #ecf3f7;
        color: #000;
        font-weight: bold;
        font-family: "Trebuchet MS", Verdana, Arial, Sans-serif;
        border-radius: 3px 3px 0 0;
        position: absolute;
        left: 2px;
        top: -18px;
        padding: 0 12px;
        line-height: 18px;
    }
    #userName span {
        font-weight: normal;
    }
    #userAvatar img {
        max-width: 100px;
    }
    #userAvatar {
        display: inline-block;
        overflow: hidden;
        min-height: 100px;
        min-width: 100px;
    }
    #userProfile .title {
        color: #000;
        font-weight: bold;
        border-bottom: 1px solid #000;
        padding-bottom: 3px;
        margin-bottom: 3px;
        width: 70%;
    }
    #userProfile .statLabel {
        display: inline-block;
        width: 85px;
        font-weight: bold;
        text-align: right;
        margin-right: 6px;
    }
</style>
<div id="profil_insert-par-ange">
</div><script type="text/javascript">
    // <![CDATA[
    (function (J, U, L) {
        var main = document.getElementById("main-content"),
            homepage = document.getElementById("profil_insert-par-ange"),
            profil;

$(function() {
    var userID = _userdata.user_id;
  jQuery("#Afdeling").load("/u"+userID+" #field_id6 .field_uneditable img");
});
 
        if (U.session_logged_in) {
            profil = document.createElement("DIV");
            profil.id = "userProfile";
            profil.className = "panel introduction";
            profil.innerHTML =
                '</div><div class="leftCol"><span id="userAvatar">' +
                U.avatar +
  '</span></div><div class="rightCol"><div class="title">Algemeen</div><div> <span class="statLabel">Rang : </span>' +
                L.rank_title +
                '</div> <span class="statLabel">' +
                L.Posts +
                " : </span>" +
                U.user_posts +
                '<div><span class="statLabel">' +
                L.PMs +
                " : </span>" +
                U.user_nb_privmsg +
                '</div><div><span class="statLabel">' +
                L.Reputation +
                " : </span>" +
                U.point_reputation +
                '</div></div></div><div class="rightCol"><div class="title">Forum</div><div><em class="fa fa-arrow-right fa-sm"></em> <a href="/u' +
                U.user_id +
                '">' +
                L.See_my_profile +
                '</a></div><div><em class="fa fa-arrow-right fa-sm"></em> <a href="/profile?mode=editprofile">' +
                L.Edit_profile +
                '</a></div><div><em class="fa fa-arrow-right fa-sm"></em> <a href="/privmsg?folder=inbox">' +
                L.All_PMs +
                '</a></div><div><em class="fa fa-arrow-right fa-sm"></em> <a href="/profile?mode=editprofile&page_profil=notifications">' +
                L.Notif_see_all +
                '</a> <br><em class="fa fa-arrow-right fa-sm"></em> <a href="/search?search_id=newposts">Bekijk nieuwe berichten</a></div><em class="fa fa-arrow-right fa-sm"></em> <a href="/?mark=forums">Markeer alle forums als gelezen</a></div><div class="rightCol"><div class="title">Account Status</div><div id="Afdeling"></div> <tr id="field_id6"></div></div><div class="clear"></div>';
            homepage.appendChild(profil);
        }
        // par ange tuteur
    })(jQuery, _userdata, _lang);
    //]]>
</script>

Up

Can you show me exactly what you mean?
with screenshots if you can?

Thanks

On the screenshots can you see the rank title, i want replace it with the rank image. :)

I am not sure this can be done "easily", because the rank title you see is taken from the variable

Code: _lang["rank_title"]

which is ready and provided by forumotion (it is already there and easy to use) - while the rank image would require an ajax request

it can be done, but it's not "the best"

Okay, than better to do it not. Thanks.