« Информер "Топ 16 пользователей" по репутации для uCoz »

Описание материала:

Очень простой информер "Топ 16 пользователей" для сайтов в системе uCoz. В данном информере, пользователи отбираются по репутации, чем выше репутация, тем выше пользователь в списке. Список пользователей состоит из ихних аватаров, размер аватара в информере 48px. Информер состоит только из CSS и HTML кодов, так же его не надо качать, так как все изображения берутся с сайта.
При установке информера в блок сайта, вы увидите список пользователей, а точнее ихних аватаров, и они все будут покрыты не сильно прозрачный, белым фоном, при наведение на одного из пользователей, белый фон пропадает и появляться подсказка с ником данного пользователя.

Установка:
1. Заходим в ПУ - Управление дизайном - Таблица стилей (CSS) и в самый низ ставим код стилей:

Код
/* Топ 16 пользователей */
.block_topuser {
  overflow: hidden;
  padding-bottom: 5px
}
.block_topuser li {
  float: left;
  width: 25%;
}
.block_topuser li a {
  margin: 6px;
  overflow: hidden;
  opacity: .5;
  border-radius: 10%;
  display: block;
}
.block_topuser li a:hover {
  opacity: 1;  
   
}
.block_topuser li a img {
  display: block;
  border-radius: 10%;
  width: 100%;
  border: 0;
  margin: 0;  
}
.blockuser_ie {
  padding: 10px;
}
/* InternetEmpire.Ru */

2. Заходим в ПУ - Информеры - Создать информер и создаем информер с такими параметрами Пользователи · Материалы · Репутация · Материалы: 16 · Колонки: 1, далее заходим в шаблон информера и заменяем имеющий код, на этот:
Код
<li><a href="$PROFILE_URL$" title="$USERNAME$"><?if($AVATAR_URL$)?><img src="$AVATAR_URL$" alt="$USERNAME$" style="height: 48px;"><?else?><img src="http://internetempire.ru/ava/coll3/avatar_1.png" alt="$USERNAME$" style="height: 48px;"><?endif?></a></li>

3. Заходим в ПУ - Управление дизайном - выбираем Контейнер и в то место, где вы хотите видеть инфоремер, ставим данный код:
Код
<div class="blockuser_ie">
<div class="block_topuser">$MYINF_X$</div>


  • Находим в выше указанном коде $MYINF_X$ и заменяем X на номер своего информера.


Готово!


Установка материала

Мы поможем установить данный материал к Вам на сайт


Добавил: YaVi | Категория: Информеры для uCoz | Просмотров: 577


Поделиться в соц. сетях:
Комментариев к материалу: 1
Не плохо.
1
avatar