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

ainur4ik — Thu, 29 Aug 2013 07:48:35 GMT

Скрин: http://s017.radikal.ru/i441/1212/fb/2a8ddd33be3a.jpg

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

Код

    $USERNAME$

$NUMBER$

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

Код

/*Новые участники*/
  .utop-user {display:inline-block; width:70px; margin-bottom:8px; position:relative; font-size:10px;}
  .utop-user .utop-number {position:absolute; top:-2px; left:-1px; padding:1px 3px; font-size:10px; font-weight:bold; color:#fff; background:#000;
  border-radius:2px; -moz-border-radius:2px; -webkit-border-radius:2px;}
  .utop-user a.ut-ava img {max-width:52px; height: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;}
  .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;
    }
  /*===================================*/

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

Код

PERO-GAMING.RU:Игры,видео,обзоры,гайды,D2,CS:GO,СS.1.6

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