Будет очень хорошо)надеюсь поделитесь)Сейчас адаптирую.
$have_new_pm = $have_unread_pm = 0;
$porno_forums = $bb_cfg['porno_forums'] ? $bb_cfg['porno_forums'] : 0;
$new_torrent = DB()->sql_query("SELECT t.topic_id, ph.post_html, ph.post_id, tt.topic_title, tt.topic_time, t.size, t.poster_id, u.username, u.user_id, f.forum_id, t.forum_id, f.forum_name
FROM ".BB_BT_TORRENTS." AS t,
".BB_POSTS_HTML." AS ph,
".BB_TOPICS." AS tt,
".BB_USERS." AS u,
".BB_FORUMS." AS f
WHERE ph.post_id = t.post_id
AND tt.topic_id = t.topic_id
AND tt.topic_id = t.topic_id
AND t.poster_id = u.user_id
AND t.forum_id = f.forum_id
AND tt.forum_id NOT IN (".$porno_forums.")
GROUP BY t.reg_time DESC LIMIT 30
");
$i = 0;
while ($tor = DB()->sql_fetchrow($new_torrent))
{
$i++;
preg_match_all('#<var class="postImg postImgAligned img-(.*?)" title="(.*?)">(.*?)</var>#', $tor['post_html'], $out);
$title = $tor['topic_title'];
$title_img = @$out[2][0] ? '<img src='.@$out[2][0].' width=250>' : '<img src=images/no_poster.jpg width=250>';
$post_img = @$out[2][0] ? '<img title="'.$title.'<hr /><center>'.$title_img.'<hr />Форум: '.$tor['forum_name'].'<br>Автор: '.$tor['username'].'<br>Размер: '.humn_size($tor['size']).'</center>" src="'.@$out[2][0].'" width=100 />' : '<img title="'.$title.'<br><center>'.$title_img.'</center>" src="images/no_poster.jpg" width=100 />';
$last_release = '<a href="'.TOPIC_URL.$tor['topic_id'].'">'.$post_img.'</a> ';
$template->assign_block_vars('last_release', array(
'LAST_RELEASE' => $last_release,
'TITLE' => $title,
));
}
<script type="text/javascript" src="{#BB_ROOT}misc/js/jquery.pack.js?v={$bb_cfg['js_ver']}"></script>
<script type="text/javascript" src="{#BB_ROOT}misc/js/ui/jquery.mousewheel.js?v={$bb_cfg['js_ver']}"></script>
<script type="text/javascript" src="{#BB_ROOT}misc/js/ui/jquery.scrollable.js?v={$bb_cfg['js_ver']}"></script>
<!--/menus-->
<script>
$(function() {
$("div.scrollable").scrollable({
size: 8,
items: '#thumbs',
hoverClass: 'hover',
keyboard: false
});
});
</script>
<table cellpadding="0" cellspacing="0" class="poster">
<tr>
<td class="pad_2">
<!-- prev link -->
<a class="prev"></a>
<!-- root element for scrollable -->
<div class="scrollable">
<div id="thumbs">
<!-- BEGIN last_release -->
<!-- IF last_release.LAST_RELEASE -->
<div class="tCenter">{last_release.LAST_RELEASE}</div>
<!-- ENDIF -->
<!-- END last_release -->
</div>
</div>
<!-- next link -->
<a class="next"></a>
</td>
</tr>
</table>
/* root element for the whole scrollable setup */
div.scrollable {
position:relative;
overflow:hidden;
width: 93%;
height:143px;
}
#thumbs {
position:absolute;
width:20000em;
clear:both;
}
a.prev, a.next {
margin-top:118px;
}
#thumbs div {
float:left;
width:110px;
height:135px;
color:#fff;
cursor:pointer;
padding: 3px 3px 3px 3px;
}
#thumbs div.hover {
background-color:#D0DFEF;
}
#thumbs div.active {
background-color:#6699CC;
cursor:default;
}
div.scrollable {
float:left;
}
/* prev, next, prevPage and nextPage buttons */
a.prev, a.next, a.prevPage, a.nextPage {
display:block;
width:18px;
height:18px;
background:url(../images/left.png) no-repeat;
float:left;
margin:55px 5px;
cursor:pointer;
}
a.prev:hover, a.next:hover, a.prevPage:hover, a.nextPage:hover {
background-position:0px -18px;
}
a.disabled {
visibility:hidden !important;
}
a.next, a.nextPage {
background-image:url(../images/right.png);
clear:right;
}
div.navi {
margin-left:47%;
width:250px;
height:20px;
}
div.navi a {
width:8px;
height:8px;
float:left;
margin:3px;
background:url(../images/navigator.png) no-repeat;
cursor:pointer;
}
div.navi a:hover {
background-position:0 -8px;
}
div.navi a.active {
background-position:0 -16px;
}
.poster {
margin: 3px 4px 0; padding: 0 8px; width: 99%;
background: #EFEFEF; border: solid #CFD4D8; border-width: 1px 0px;
}
#tooltip {
position: absolute; z-index: 3000;
max-width: 400px; min-width: 150px;
max-height: 380px;
background: #eee;
border: 2px solid #EE7817;
font-weight: bold; padding: 5px;
filter: alpha (opacity = 90, style = 0);
-moz-border-radius: 3px;
-moz-opacity: 0.90;
opacity:.90;
box-shadow: 0px 0px 10px #2C87DA;
border-radius: 10px;
-khtml-border-radius:10px;
-khtml-box-shadow:0px 0px 10px #2C87DA;
-moz-border-radius: 10px;
-moz-box-shadow: 0px 0px 10px #2C87DA;
-webkit-border-radius: 10px;
-webkit-box-shadow: 0px 0px 10px #2C87DA;
}
#tooltip h3 {
color: #000; font-size: 10px; font-family: verdana;
font-weight: bold; text-align: center;
}
#tooltip div {
padding-left:5px;
padding-right:5px;
}
// Bind ajax events
$('var.ajax-params').each(function(){
var params = $.parseJSON( $(this).html() );
params.event = params.event || 'dblclick';
ajax.params[params.id] = params;
$("#"+params.id).bind(params.event, ajax.callInitFn);
if (params.event == 'click' || params.event == 'dblclick') {
$("#"+params.id).addClass('editable-container');
}
});
});
$(document).ready(function(){
$('a,span,img,td,b,tr').tooltip({
delay: 0,
showURL: false,
fixPNG: true,
position: ['center', 'left']
});
});
<script type="text/javascript" src="{#BB_ROOT}misc/js/main.js?v={$bb_cfg['js_ver']}"></script>
<script type="text/javascript" src="{#BB_ROOT}misc/js/jquery.tooltip.js?v={$bb_cfg['js_ver']}"></script>