Вставляем код в хтмл-низ

Код:
<!-- спойлер наград на Rusff в Профиле, в Топике -->
<style>
.post-author-Sp{
/*background-color:#!important;*/
}
img.aw{
background-color:#!important;
}
ul.wrapper{
margin-left:-15px;
width:200px!important;
margin-bottom:-15px;
display:none;
}
ul.wrapper,
ul.wrapper li.pa-awards{
border-color:transparent;
}
</style>
<script>
// кнопка - ссылка на Картинку
var Img="ССЫЛКА НА КАРТИНКУ";

wrapp1="<li class='post-author-Sp'><img class=aw style='cursor:pointer' src='";
wrappEnd="'><ul class=wrapper></ul></li>";
wrapp1=wrapp1+Img+wrappEnd;

$(window).load(function () {
$(".post .post-author .pa-awards").each(function() {
  if($(this).css("display")!="none"){
  $(this).before(wrapp1);a=$(this).parents('.post').find('.post-author-Sp ul')
  $(this).appendTo(a)
  }
});});
$(".post .post-author-Sp ").live("click", function(){
 $(this).find('ul:first').toggle('slow')
});</script>
<!--Конец//=спойлер наград в Профиле, в Топике-->

Рассмотрим этот кусок:
ul.wrapper{
margin-left:-15px; /Смещение картинки влево. минус означает, что картинка идет в противоположную сторону от указанных параметров, т.е. в право/
width:200px!important; /ширина картинки/
margin-bottom:-15px; /Смещение картинки относительно вверха/
display:none;