Скрываем профиль под аватаром под кнопку.

Для реализации делаем следующее:
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="spll">
<div class="splLink"><img src="http://s5.uploads.ru/mGPgk.png"></div>
<div style="DISPLAY: none; position: absolute;" class="splCont" >
        <!-- 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="splLink"><img src="http://s5.uploads.ru/mGPgk.png"></div>

и есть кнопка которая появится у вас под аватаром.
Картинку можете вставить свою.

2. Далее идём в шаблон overall_footer_end(Нижняя часть страницы)
и в самый низ перед

Код:
</body>
</html>

ставим следующее:

Код:
<script type="text/javascript"> 
$(document).ready(function(){
	$('.splLink').parent().hover(function(){
$(this).children('div.splCont').toggle('normal');
	},
	function(){
$(this).children('div.splCont').toggle('normal');
	});
});
</script>

сохраняем и опубликовываем шаблон

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

.spll {
width: 90px;
height: 30px;
}

.spll div.splCont {
height: auto;
width: 160px;
background-color: #fff!important;
padding: 15px 5px;
z-index: 999;
margin-top: 3px;
border: 1px solid #7E580A;
}

То что выделено синим трогать не стоит
ширина всплывающего профиля
фон всплывающего профиля
толщина, стиль и цвет рамки всплывающего профиля

Если вы хотите что бы профиль открывался по клику кнопки то скрипт из пункта 2 замените на это:

Код:
<script type="text/javascript"> 
  $(document).ready(function(){
    $('.splLink').click(function(){
      $(this).parent().children('div.splCont').toggle('normal');
      return false;
    });
  });
</script>

В результате получаем вот такой вид профиля

В обычном состоянии
http://s5.uploads.ru/XVOAD.jpg

При наведении курсора на кнопку
http://s4.uploads.ru/zruli.jpg

P.S. Если у вас на форуме включена функция
"Автоматическое изменение размера изображений"
то отключите её или не ставьте скрипт.
Будет проблема с отображением картинок в постах.