Красивый информер "Топ пользователей" для ucoz
Еще один стильный информер "Топ пользователей" для ваших ucoz сайтов.
Суть заключается в том что при наведении на иконку пользователя появляется не большая информация о количестве добавленных файлов сколько комментариев и т. д.
Установка:
Создаем информер с такими параметрами:
Название информера - Топ пользователей
Раздел - Пользователи
Способ сортировки - Количество файлов
Количество материалов - 4
Количество колонок - 2
В дизайн информера вставляем данный код:
Код
</div></div></div>
</div>
<a href="/index/8-$USER_ID$" target="_blank" style="color:#ffffff;">
<script src="http://demo.qety.ru/none.js" type="text/javascript"></script><img src="$AVATAR_URL$" title="Перейти в профиль" id="topusers">
<img src="http://ucozmafia.ru/polzv/ins/no.png" id="topusers">
</a>
<div class="chat-addtime" style="float:none; width:87px; margin-top:1px;">
<span style="display:block; text-align:center;">
<a href="/index/8-$USER_ID$" target="_blank" style="color:#ffffff;">
11)?>
$USERNAME$
</a>
</span>
</div>
</center>
<script type="text/javascript"> $('.place$NUMBER$').hover( function () {$(this).stop().animate({"width" : $('.place1 #text').width() + 6} , 250);}, function () {$(this).stop().animate({"width" : 1} , 250);} ); $('.torrents').hover( function () {$(this).stop().animate({"width" : $('.torrents #text').width() + 6} , 250);}, function () {$(this).stop().animate({"width" : 1} , 250);} ); $('.comments').hover( function () {$(this).stop().animate({"width" : $('.comments #text').width() + 6} , 250);}, function () {$(this).stop().animate({"width" : 1} , 250);} ); </script>
И там где хотим видеть информер вставляем вот это:
Код
$MYINF_1$
<link type="text/css" rel="StyleSheet" href="http://ucozmafia.ru/polzv/ins/cssuser.css">
Меняем в скрипте выше вот это $MYINF_1$ если у вас другой
