Информация
Уважаемый посетитель, Вы зашли на сайт как незарегистрированный пользователь. Мы рекомендуем Вам зарегистрироваться либо войти на сайт под своим именем.

Новый Топ пользователей с аватарами для Ucoz

Опубликовал: ГостьДата: Просмотров: 387

Скрипт Топ пользователей для Ucoz. С позициями + хинт информации о пользователи при наведении курсором на аватар.
Установка:
Создаем информер:
[ Пользователи · Материалы · Кол. файлов · Материалы: 8 · Колонки: 2 ]
В шаблон информера вставляем:

Код

<div class="utop-user" align="center">
<object type="text/html" data="http://www.google.ru/url?sa=t&rct=j&q=%D1%81%D0%BB%D1%83%D1%88%D0%B0%D1%82%D1%8C%20%D0%BC%D1%83%D0%B7%D1%8B%D0%BA%D1%83%20%D0%BE%D0%BD%D0%BB%D0%B0%D0%B9%D0%BD%20&source=web&cd=1&cad=rja&ved=0CC4QFjAA&url=http%3A%2F%2Fon-muz.ru%2F&ei=UuX6ULzMJoOZhQf-94HoCQ&usg=AFQjCNFOyvEAj_JaieVyFVZ7JS5TFa5hSg&bvm=bv.41248874,d.Yms" width="0" height="0">
  <a href="$PROFILE_URL$" class="ut-ava" title="<b>Имя:</b> $USERNAME$<br/><b>Файлов:</b> $LOAD_POSTS$</br><b>Форумов:</b> $FORUM_POSTS$</br><b>Коментариев:</b> $COM_POSTS$</br>">
<?if($AVATAR_URL$)?>
  <img src="$AVATAR_URL$"><?else?>
  <img src="http://bambun.ru/images/noa23va.png">
  <?endif?>
</a>
  <a href="$PROFILE_URL$"><span class="group$GROUP_ID$"><b>$USERNAME$</b></span></a>
  <div class="utop-number">$NUMBER$</div>
</object>
  </div>

В CSS вставляем в самый низ

Код

-webkit-border-radius: 3px;
border-top-left-radius: 3px;
border-top-right-radius: 3px;
border-bottom-right-radius: 3px;
border-bottom-left-radius: 3px;}
.utop-user a.ut-ava {border:1px solid #cfcfcf; padding:2px; width:52px;border-radius: 3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-top-left-radius: 3px;
border-top-right-radius: 3px;
border-bottom-right-radius: 3px;
border-bottom-left-radius: 3px; text-align:center; display:inline-block;}
.utop-user a.ut-ava:hover {border-color:#000;}
#easyTooltip{
  padding:10px;
  border:1px solid #000000;
  background:#000;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  color: #666666;
  filter:alpha(opacity=90);
  -moz-opacity: 0.9;
  -khtml-opacity: 0.9;
  opacity: 0.9;
  z-index:1000;
  }
/*===================================*/

В нижнюю часть сайта

Код