Сам скрипт приведен ниже и вставлять его нужно в HTML низ:

Код:

<!--Скрытие профиля под кнопки-->
<script>
    $( document ).ready(function() {
        var fields;
        var menuButtons;
        var currentlyVisible;
        var LiArr=[
            [
                "Игрок",
                "prof-player",
                [
                    "pa-title",
                    "pa-reg",        //Зарегистрирован
                    "pa-invites", //Приглашений
                    "pa-posts",      //Кол-во сообщений:
                    "pa-respect",    //Уважение:
                    "pa-positive",   //Позитив
                    "pa-sex",        //Пол
                    "pa-age",        //Возраст
                    "pa-icq",        //Аська
                    "pa-ip",         //IP Юзера
                    "pa-time-visit", //Провел на форуме:
                    "pa-last-visit", //Последний визит:
                    "pa-from",       //Откуда
                    "pa-online"      //Статус онлайн
                ]
            ],
            [
                // 2 кнопка- ссылка на Картинку
                "Герой",
                "prof-hero",
                [
                    "pa-fld1",       //Доп.Поле.1
                    "pa-fld3"       //Доп.Поле.3
                    //,"pa-fld4",       //Доп.Поле.4
                    //"pa-fld5"       //Доп.Поле.5
                ]
            ],
            [
                // 3 кнопка- ссылка на Картинку
                "Подарки",
                "prof-gifts",
                [
                    "pa-gifts",      //Награды(только для rusff и ork)
                    "pa-awards"         //Подарки(только для rusff и ork)
                ]
            ]
        ];

        function renderProfile(){
            if ($('.pa-awards').length > 0){
                $(".post-author > ul").each(function(){
                    $(this).children('.pa-title').insertAfter($(this).children('.pa-avatar'));
                    $(this).children(".pa-avatar").after("<li class='prof-buttons'></li>");
                });
                $(LiArr).each(function(i, elem){
                    var e = i + 1;
                    var fields = "";
                    $(elem[2]).each(function(j, el){
                        if (j===0){
                            fields = "." + el;
                        }
                        else{
                            fields = fields + ", ." + el;
                        }
                    });
                    if (i == 2){
                        $(".post-author > ul").each(function(){
                        if ($(this).children(fields).length !== 0){
                            $(this).children(fields).wrapAll("<li class='prof-menu prof-hidden' id='menu-" + e + "-body'><ul class='prof-minimised'></ul></li>");
                            $(this).children(".prof-buttons").append('<button id="menu-' + e + '" class="' + elem[1] + '"></button>');
                            }
                        });
                    }
                    else{
                        $(".post-author > ul").each(function(){
                            if ($(this).children(fields).length !== 0){
                                $(this).children(fields).wrapAll("<li class='prof-menu prof-hidden' id='menu-" + e + "-body'><ul class='prof-minimised'></ul></li>");
                                $(this).children(".prof-buttons").append('<button id="menu-' + e + '" class="' + elem[1] + '"></button>');
                            }
                        });
                    }
                });
                window.setTimeout(function(){$(".post-author > ul .prof-buttons button").click(function(){
                    if ($(this).parents('ul').children('.prof-visible').attr('id') !== ($(this).attr('id') + '-body')){
                            $(this).parents('ul').children('.prof-visible').removeClass('prof-visible').addClass('prof-hidden');
                            var menuBody = $(this).attr('id') + '-body';
                            $(this).parents('ul').children('#' + menuBody).addClass('prof-visible').removeClass('prof-hidden');
                        }
                        else {
                            $(this).parents('ul').children('.prof-visible').toggleClass('prof-visible prof-hidden');
                        }
                    });
                }, 0);
            }
            else {
                window.setTimeout(function(){
                  renderProfile();  
                }, 100);
            }
        }
        
        $(".pa-posts, .pa-respect").each(function(){
            $(this).html($(this).html().replace(/:/g, ''))
        });

        renderProfile();
    });
</script>

Чтобы оформить кнопки пользуйтесь следующими CSS селекторами:
.prof-buttons button.prof-player - кнопка игрока
.prof-buttons button.prof-hero - кнопка персонажа
.prof-buttons button.prof-gifts - кнопка подарков

Подложку под кнопками можно оформить при помощи селектора .prof-buttons

Оформление самих вкладок профиля прикрепляется на селектор .prof-menu

Для корректного скрытия/отображения профиля вам понадобятся еще и следующие два класса:

Код:

  .prof-hidden{
        display: none;
    }
    .prof-visible{
        display: block;
    }

Если вы хотите сделать раскрытие анимированым в браузерах, поддерживающих CSS 3, воспользуйтесь вот этой вариацией классов:

Код:

  .prof-hidden{
        max-height: 0;
        transition: max-height 0.3s linear;
    }
    .prof-visible{
        max-height: 400px;
        transition: max-height 0.3s linear;
    }

(если окажется, что вам не хватает максимальной высоты в 400рх, увеличьте ее и подредактируйте время анимации так, чтобы она была более плавной)

Мой логин - dark.shtorm