Вставляем код в хтмл-низ
Код:
<!-- спойлер наград на 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;