Сворачивающийся профиль,кнопка под аватаром.

Доброго времени суток, в связи с появлением на инвизион шаблонов,возникло пара вопросиков.

Я когда-то просила Даночку о кнопочке со сворачивающимся профилем, она разработала скрипт, спасибо ей огромное, но прикрутить кнопочку удалось только над аватаркой. Вот темка: https://help.forum2x2.ru/t16438-topic  В связи с появлением шаблонов собственно вопрос, можно ли теперь перенести кнопочку ПОД аватарку? Спасибо!

Поднимаю 

И тут подниму темку,сильно не бейте  

Могу предложить такой вариант

1. Идём в ПА - Оформление - Шаблоны - Общие настройки
Открываем шаблон viewtopic_body (Показ темы)
Находим фрагмент

Код:

<!-- BEGIN profile_field -->
                     {postrow.displayed.profile_field.LABEL}{postrow.displayed.profile_field.CONTENT}{postrow.displayed.profile_field.SEPARATOR}
                     <!-- END profile_field -->

Заменяем на

Код:

                           <div class="profil">
                <div class="profilbutton"><img src="http://savepic.ru/1788666.png"/></div>
<div style="DISPLAY: none; position: absolute;" class="profilCont" >                                                        
                     <!-- BEGIN profile_field -->
                     {postrow.displayed.profile_field.LABEL}{postrow.displayed.profile_field.CONTENT}{postrow.displayed.profile_field.SEPARATOR}
                     <!-- END profile_field -->
  </div>
   </div>

Сохраняем и опубликовываем шаблон.
Строчка

Код:

<div class="profilbutton"><img src="http://savepic.ru/1788666.png"/></div>

и есть кнопка скрывающая профиль.
Ссылку на кнопку меняйте на свою

2. Далее идём ПА - Модули - HTML & JAVASCRIPT - Управление кодами Javascript
Создаём новый Javascript
Поля заполняем следующим образом.
Название * : Сворачивание профиля
Расположение : В темах
Код Javascript * : вставьте следующее;

Код:

jQuery(document).ready(function(){
   jQuery('.profilbutton').click(function(){
    jQuery(this).parent().children('div.profilCont').toggle('normal');
    return false;
    });
});

Сохраните.

3. Теперь зададим внешний вид всплывающего профиля.
Для чего идём в Каскадная таблица стилей CSS
и вставляем следующее:

/* Сворачивание профиля */
.pun .post .user {
overflow:visible;
}

.profil {
position:relative;
width:200px; /* ширина кнопки */
height:30px; /* высота кнопки */
}

.profil div.profilCont {
position:absolute;
height:auto;
width:auto;
background-color:#fff !important; /* фон всплывающего поля */
z-index: 999;
margin-top:6px; /* отступ поля от кнопки */
border:2px solid #E8C15D; /* толщина, стиль и цвет рамки поля */
padding:15px;
}

Результат: