Информер топ пользователей для uCoz

Информер топ пользователей для uCoz

Всем доброго времени суток друзья!!!

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

Вот и этот скрипт аналог таких информеров, только выводит не похожие или скачиваемые материалы, а предназначен, этот информер, для ваших непосредственных пользователей.

Информер топ пользователей, имеет аватар пользователя и сам счетчик с количеством добавленных материалов.

Я бы сказал, что информер топ пользователей, подойдет для ваших файловиков. Тем кто наполняет ваш сайт полезным контентом.Естественно информер подойдет для сайтов с программами или как этот блог, с файлами.

Естественное преимущество информера, это то, что ваши пользователи могут видеть на самой странице, активность ваших пользователей, а не залазить в страницу к пользователю.

 

Ставим в дизайн вашего сайта на ucoz конструкторе.

Создаем информер модуль пользователей.

 

Панель управления » Инструменты » Информеры. Выберите Способ сортировки по Репутации.

Количество материалов – 8, а количество колонок – 1.

И ставим такой код в шаблон информера.

<div><a href="$PROFILE_URL$"><span>$REPUTATION$</span></a><div></div><img src="$AVATAR_URL$" alt="$USERNAME$" /></div>

 

Далее в дизайн вашего сайта вставляем скрипт вывода информера.

<div>$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}

Информер топ пользователей возможно подогнать под ваш шаблон.