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

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

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

Особенности информера топ пользователей.

Ровные красивые блоки с фиксированной шириной.Светло зеленый информер с нужной информацией.

Аватарка комментатора, ник и счетчик числа оставленных комментариев.

 

Установка и настройка информера топ комментариев.

Первым делом создаем информер, с такими параметрами.

 

Раздел: Пользователи

Способ сортировки: колл. комментарий

Количество материалов: 10

Количество колонок: 1

 

В шаблон информера ставим нтмл код:

<li>
<a href=“$PROFILE_URL$» >
<img alt="аватар $USERNAME$" src="$AVATAR_URL$http://ucozmafia.ru/polzv/topkom/no_avatar.jpg" />
<strong>$USERNAME$</strong>
</a>
<div><span>$COM_POSTS$</span></div>
</li>

И пропишем стиль, для нашего топа, идем css и в самый низ ставим такой код:

/* Топ пользователей для Ucoz — Зелёный вариант
------------------------------------------*/
.top_uzer {
float:left;
padding:0;
margin:0;
width:230px;
color:#467925;
text-shadow: 1px 1px 1px #cbeeb3;
}

.top_uzer li {
float:left;
list-style:none;
margin-bottom:10px;
border-radius:5px;
border: 1px solid #73aa4f;
}

.top_uzer li a:link,
.top_uzer li a:visited {
float:left;
width:150px;
height:32px;
color:#467925;
background:#98ce75;
border-right: 1px solid #81b75d;
}

.top_uzer li a:hover {
background:#bae39f;
}

.top_uzer li strong {
float:left;
margin: 9px 0px 0px 0px;
}

.top_uzer li div {
float:right;
width:55px;
height:23px;
text-align:right;
padding: 9px 10px 0px 0px;
border-left: 1px solid #bae39f;
background: url (http://ucozmafia.ru/polzv/topkom/ico_comment.png) #98ce75 no-repeat left;
}

.top_uzer li span {
font-weight: 700;
}

.tu_avatar {
float:left;
width:25px;
height:25px;
margin: 2px 10px 0px 10px;
border: 1px solid #c7f2ac;
border-radius:3px;
}

И завершаем установку, вставкой самого скрипта, вывода информера (отображение) ,в шаблоне, где хотим видеть топ, ставим скрипт информера.

<ul>
$MYINF_1$
</ul>

Все готово!!! Возникли вопросы задаем в комментариях.