Главная » Файлы » Скрипты плагины и дополнения » Ucoz

Скрипт топ пользователей для ucoz

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

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

Вставьте следующий код в Шаблон информера.
Код
<div class="top_user"><a href="$PROFILE_URL$"><span>$REPUTATION$</span></a><div class="top_user_black"></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}

Размеры
Разобраться с размерами Вам помогут разноцветные линии на картинке:
Поделись ссылкой с друзьями:
Просмотров:
1173
05.04.2014, 22:58
Категория: Ucoz | Добавил: туссин | Теги: Скрипт, uCoz, Топ пользователей
Просмотров: 1173 | Загрузок: 0 | Рейтинг: 0.0/0
Всего комментариев: 0
Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]
comments powered by HyperComments

Disqus comments

comments powered by Disqus
Гипер-ссылка на источник
HTML
BB-Code
Ссылка

Сообщить о неработающей ссылке

E-mail отправителя *:
Тема *:
Адрес материала *:
Адрес битой ссылки *:
Проверка *:

1
Свернуть
Развернуть чат
Необходима авторизация
0