Препросмотр тут: http://test.sib-tracker.ru
Не доделана кроссплатформенность по браузерам(в разных браузерах смотрицо по разному, местами коряво)
Берем файлы:
Код: Выделить всё
http://test.sib-tracker.ru/styles/prosilver/theme/images/no_avatar.gif
http://test.sib-tracker.ru/images/profile.png
http://test.sib-tracker.ru/images/profile_tab.png
http://test.sib-tracker.ru/tracker/addons/js/jquery.tabSlideOut.v1.3.jsОткрываем overall_header.html
Ищем в хеаде конец ксс'ок, примерно так выглядет:
Код: Выделить всё
<link rel="stylesheet" href="{PPKBB3CKER_ADDONS}css/fancybox.css" type="text/css" />
<link rel="stylesheet" href="{PPKBB3CKER_ADDONS}css/jquery.tooltip.css" />
{TRACKER_ADDIT_CSS}
<!-- PPK END -->
Код: Выделить всё
<style type="text/css" media="screen">
.slide-out-div {
width: 350px;
height: 124px;
background: url(../images/profile.png);
background-repeat:no-repeat;
}
#user_ratio { padding: 0;} /* User ratio */
#user_ratio td {padding: 1px 6px 1px 8px ; font-size: 11px;}
#user_ratio {padding: 6px 6px 4px 12px; font-size: 11px;}
#user_ratio2 { padding: 0;} /* User ratio */
#user_ratio2 td {padding: 1px 6px 1px 8px ; font-size: 11px;}
#user_ratio2 {padding: 6px 6px 4px 0px; font-size: 11px;}
.leechmed { color: #800000; }
.seedmed { color: #006600; }
</style>
Код: Выделить всё
<script src="{PPKBB3CKER_ADDONS}js/jquery-min.js" type="text/javascript"></script>Код: Выделить всё
<script src="{PPKBB3CKER_ADDONS}js/jquery.tabSlideOut.v1.3.js" type="text/javascript"></script>
<script type="text/javascript">
$(function(){
$('.slide-out-div').tabSlideOut({
tabHandle: '.handle', //класс элемента вкладки
pathToTabImage: '../images/profile_tab.png', //путь к изображению "обязательно"
imageHeight: '150px', //высота изображения "обязательно"
imageWidth: '28px', //ширина изображения "обязательно"
tabLocation: 'right', //сторона на которой будет вкладка top, right, bottom, или left
speed: 300, //скорость анимации
action: 'click', //опции=: 'click' или 'hover', анимация при нажатии или наведении
topPos: '35px', //расположение от верхнего края/ использовать если tabLocation = left или right
leftPos: '20px', //расположение от левого края/ использовать если tabLocation = bottom или top
fixedPosition: false //опции: true сделает данную вкладку неподвижной при скролле
});
});
</script>
Код: Выделить всё
<!-- IF S_CHAT_INDEX -->
<!-- INCLUDE portal/block/ppkBB3cker_chat.html -->
<!-- ENDIF -->
Код: Выделить всё
<div class="slide-out-div">
<a class="handle" href="#" title="Нажмите для вызова статистики"></a>
<!-- IF not S_USER_LOGGED_IN -->
<div id="user_ratio2">
<table width="100%" border="0" cellpadding="0" cellspacing="0">
<tr>
<td style="text-align:center;">Вход</td>
</tr>
<tr>
<td style="text-align:center;">
<form action="{S_LOGIN_ACTION}" method="post">
<fieldset class="quick-login">
<label>Имя пользователя:</label> <input type="text" name="username" id="username2" size="10" class="inputbox" title="Имя пользователя" />
<label>Пароль:</label> <input type="password" name="password" id="password2" size="10" class="inputbox" title="Пароль" /><br />
<label>Автоматически входить при каждом посещении <input type="checkbox" name="autologin" id="autologin2" /></label>
<input type="submit" name="login" value="Вход" class="button2" />
<input type="hidden" name="redirect" value="{L_LOGIN}" />
</fieldset>
</form>
</td>
</tr>
<tr>
<td style="text-align:center;"><a href="./ucp.php?mode=register">Регистрация</a> • <a href="./index.php">Главная страница</a></td>
</tr>
</table>
<!-- ELSE -->
<div id="user_ratio">
<table cellpadding="0" height="115" cellspacing="0">
<tr><td rowspan="6"><a href="{U_PROFILE}"><!-- IF U_TINFO_AVA -->{U_TINFO_AVA}<!-- ELSE --><img src="./styles/prosilver/theme/images/no_avatar.gif" alt=""><!-- ENDIF --></a></td></tr>
<tr><td> {L_TORRENT_INFO_HEADER_RATIO}</a></td><td class="ratio_text"><b>{U_TINFO_RATIO}</b></td></tr>
<tr><td> {L_TORRENT_INFO_HEADER_DOWNLOADED}</td><td class="leechmed"><b>{U_TINFO_DOWN}</b></td></tr>
<tr><td> {L_TORRENT_INFO_HEADER_UPLOADED}</td><td class="seedmed"><b>{U_TINFO_UP}</b></td></tr>
<tr><td> {L_TORRENT_INFO_HEADER_BONUSES}</td><td class="seedmed"><b>{U_TINFO_BONUS}</b></td></tr>
</table>
<!-- ENDIF -->
</div> </div>
Ищем строчку:
Код: Выделить всё
'U_TINFO_UP' => get_formatted_filesize($user->data['user_uploaded']),
'U_TINFO_DOWN' => get_formatted_filesize($user->data['user_downloaded']),
Код: Выделить всё
'U_TINFO_AVA' => get_user_avatar2($user->data['user_avatar'], $user->data['user_avatar_type'], $user->data['user_avatar_width'], $user->data['user_avatar_height']),Ищем(на страницу ниже по функции вроде):
Код: Выделить всё
/**
* Generate page footer
*/
function page_footer($run_cron = true)
Код: Выделить всё
function get_user_avatar2($avatar, $avatar_type, $avatar_width, $avatar_height, $alt = 'USER_AVATAR', $ignore_config = false)
{
global $user, $config, $phpbb_root_path, $phpEx;
if (empty($avatar) || !$avatar_type || (!$config['allow_avatar'] && !$ignore_config))
{
return '';
}
$avatar_img = '';
switch ($avatar_type)
{
case AVATAR_UPLOAD:
if (!$config['allow_avatar_upload'] && !$ignore_config)
{
return '';
}
$avatar_img = $phpbb_root_path . "download/file.$phpEx?avatar=";
break;
case AVATAR_GALLERY:
if (!$config['allow_avatar_local'] && !$ignore_config)
{
return '';
}
$avatar_img = $phpbb_root_path . $config['avatar_gallery_path'] . '/';
break;
case AVATAR_REMOTE:
if (!$config['allow_avatar_remote'] && !$ignore_config)
{
return '';
}
break;
}
$avatar_img .= $avatar;
return '<img src="' . (str_replace(' ', '%20', $avatar_img)) . '" width="' . $avatar_width . '" height="' . $avatar_height . '" alt="' . ((!empty($user->lang[$alt])) ? $user->lang[$alt] : $alt) . '" />';
}
Вроде все.....
Зачетно! Сделал чисто на портале =)
а я ток вчера случайно так заметил что у меня на портале уезжает в правую сторону и там этот профиль открыт 
короче скрин смотрим:
