Топ пользователей uCoz как на сайте Урааа

Топ пользователей uCoz как на сайте Урааа

30.08.2016 594 0 Turbo Все для 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>


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}


там где нужно видеть информер

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


Еще,у вас на сайте наверняка есть свои информеры,а может и несколько, поэтому цифру в $MYINF_1$ ставим ту которая идет у вас в порядке информеров
Топ пользователей uCoz как на сайте Урааа
Файлы для скачивания отсутствуют.
Поблагодарить автора Автор: Turbo
Комментарии (0)
Добавить комментарий
class="add-comm-form clearfix add-shadow2" id="add-comm-form">
avatar