Красивый информер Топ пользователей для uCoz
При наведении появляется информация о пользователе
Очень удобный и кроссбраузерный скрипт, хорошо подходит для светлых дизайнов.
Установка:
Создаем информер, делается это тут
http://адрес_вашего_сайта/panel/?a=informers
С такими настройками:
[ Пользователи · Материалы · Кол. файлов · Материалы: 6 · Колонки: 2 ]
Название можете сделать любое, и количество колонок под себя..
Переходим к дизайну информера:
Code
<center>
<div class="utop-user" align="center">
<a class="ut-ava east" style="display: block;" href="$PROFILE_URL$" title="$USERNAME$
Релизов: $LOAD_POSTS$
Репутация: $REPUTATION$
Комментариев: $COM_POSTS$">
<div class="ut-ava">
<?if($AVATAR_URL$)?><img src="$AVATAR_URL$" border="0"><?else?><img src="http://novi4ok.ru/images/noavatar.png" border="0"><?endif?>
</div>
<span style="color:#323232" ><span class="group$GROUP_ID$"><b>$USERNAME$</b></span></span>
<div class="utop-number">$NUMBER$</div>
</div></center></a>
<div class="utop-user" align="center">
<a class="ut-ava east" style="display: block;" href="$PROFILE_URL$" title="$USERNAME$
Релизов: $LOAD_POSTS$
Репутация: $REPUTATION$
Комментариев: $COM_POSTS$">
<div class="ut-ava">
<?if($AVATAR_URL$)?><img src="$AVATAR_URL$" border="0"><?else?><img src="http://novi4ok.ru/images/noavatar.png" border="0"><?endif?>
</div>
<span style="color:#323232" ><span class="group$GROUP_ID$"><b>$USERNAME$</b></span></span>
<div class="utop-number">$NUMBER$</div>
</div></center></a>
Чтобы у вас не было такого:
Находим title="$USERNAME$ вставляем & nbsp (без пробела) - 16 раз..
После Релизов: $LOAD_POSTS$ - 5 раз
После Репутация: $REPUTATION$ - 5 раз
Я мог сразу это в код написать, но & nbsp исчезнет, так как это html пробел..
Смотрим скрин - должно быть у вас также:
Посел изменений сохраняете его..
И запоминаем код вызова информера, например $MYINF_1$
Теперь создаете новый блок (Например через конструктор)
И в его HTML вставляете:
Code
<link type="text/css" rel="StyleSheet" href="http://novi4ok.ru/serv/css/top_user.css">
<script type="text/javascript" src="http://novi4ok.ru/serv/js/jquery.tipsy.js"></script>
$MYINF_1$
<script type="text/javascript" src="http://novi4ok.ru/serv/js/jquery.tipsy.js"></script>
$MYINF_1$
$MYINF_1$ - это код информера, меняете на свой
Сохраняете и радуетесь новому блоку "Топ пользователей"
Надеюсь всё понятно написал - будут вопросы пишите в комментарии.
Увидеть как это всё работает можете сайте источника материала.
И ещё при копировании этого материала указывайте источник.
Источник: http://novi4ok.ru
0
