Code:

$(function(){
  $('.postprofile dl').each(function(){
    var theBox = $(this).children('dt:first');
    var uNameX = theBox.children('strong').html()+'<br>';
    theBox.children('a').before(uNameX);
    theBox.children('strong').hide();
  });
});

Code:

  p a[href="/u#"], .forabg a[href="/u1"],  .forumbg a[href="/u#"], .postprofile strong a[href="/u#"], .page-bottom a[href="/u#"], #chatbox_members a[href="/u#"], .module a[href="/u#"] {
        background: url("imagedirectlink") no-repeat;
        padding-left: 16px;
        padding-top: 2px;
    }

Code:

.postprofile a[href*="/u#"] strong {
background: url("imagedirectlink") no-repeat;
padding-left: 16px;
padding-top: 2px;
}

magicm00n wrote:Working! Thank you very much!!

What about ranks? I want to place it above the avatar but below the username, how can I do that?

medlsc wrote:I put the javascript code, but how to resize the username ?

Code:

.postprofile a strong {
font-size: 15px;
}

ankillien wrote:
I'm working on it.

Code:

    $(function(){
      $('.postprofile dl').each(function(){
        var theBox = $(this).children('dt');
        var uNameX = theBox.children('strong').html()+'<br>';
        theBox.children('a').before(uNameX);
        theBox.children('strong').hide();
       
        var rankX = $(this).children('dd:first').html();
        $(this).children('dt').children('a:first').after('<br>'+rankX);
        $(this).children('dd:first').hide();
      });
    });