Каталог файлов

Рейтинг:4.0
Категория: Скрипты для 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}

Размеры
Разобраться с размерами Вам помогут разноцветные линии на картинке:

 
 
 
 
 2 комментариев  267 просмотров  дата: 23.01.2019  автор: admin
 
 
Советую взглянуть:
  • Быстрый ответ в тему на последнее сообщение
  • Простое выпадающее меню на JQuery и CSS
  • Вид комментариев в стиле Facebook
  • Светлая форма входа для Uc-portaller
  •  
     
    Всего комментариев: 2

    OFFLINE
    06.01.2014 17:31 Понедельник | №1 Спам
    1
    класс) спасибо)
     

    OFFLINE
    06.01.2014 18:55 Понедельник | №2 Спам
    0
    да не за что)
     
    Добавлять комментарии могут только зарегистрированные пользователи.
    Регистрация | Вход

    Меню сайта

    Мини чат

    Последние комментарии


    Опрос сайта

    Что лучше?
    Всего ответов: 28

    Статистика

    Кол-во зареганных: 2904 (+0)
    Онлайн всего: 1
    Гостей: 1
    Пользователей: 0
    Сейчас на сайте:

    Нас посетили: