Топ пользователей по комментариям для uCoz v3 - StuDRippo — уникальные рипы популярных сайтов на системе uCoz. Огромный архив качественных и оригинальных шаблонов и адаптаций под юкоз.

Доброго времени суток, уважаемый посетитель сайта Webik-Diz! Ты находишься на сайте, на котором сможешь скачать действительно качественные шаблоны. Помимо обычных дизайнов, на сайте есть огромный архив наших авторских рипов, множество красивейших макетов, уникальных версток и адаптаций. Мы стараемся помочь пользователю найти шаблон для сайта, а также помочь в освоении системы uCoz. Оставайтесь со StuDRippo и будьте в курсе всех последних поступлений на сайте!

Категории сайта

191 Шаблоны

11 Шаблоны Форума

Скачиваемое

AndroidOnly адаптация для...
Загрузок: 288
Просмотров: 2106

AndroidB для uCoz
Загрузок: 283
Просмотров: 1752

PSP7 адаптация для uCoz
Загрузок: 282
Просмотров: 1741

?Вскоре появятся на сайте

Адаптация File Template
Дата: 17.05.2014

Опрос

Топ пользователей

По комментариям
По постам

Nikola (Администратор)
Комментариев: 13
Постов: 365

Моргаст (Пользователи)
Комментариев: 4
Постов: 0

VIP4098 (Пользователи)
Комментариев: 3
Постов: 0

Nikola (Администратор)
Постов: 365
Комментариев: 13

qa_jopl (Пользователи)
Постов: 22
Комментариев: 0

Ecnal (Пользователи)
Постов: 22
Комментариев: 0

Сейчас на сайте

Никого нету

Сегодня были

03.12.2024 На сайте зарегистрировался KLIFT
24.07.2014 Nikola добавил материал Шаблон Light Template д...
09.06.2018 Snow-vzlom ответил на форуме в теме Дешевый сервис по ...

Архив Форум

Главная страница » Архив материалов » Пользователи » Топ пользователей по коммен...

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

20.04.2013

Скриншот материала «Топ пользователей по комментариям для uCoz v3»

Нажмите, чтобы увеличить

Просмотров: 774
Скачиваний: 203
Комментариев: 0
от Nikola

Шаг 1 - Установим HTML:
Для начала нам следует установить на страницу сайта нужный html каркас с информером пользователей, для этого заходим

в Админ панель => Инструменты => Информеры => Создать информер

Раздел: Пользователи
Способ сортировки: колл. комментарий
Количество материалов: 10
Количество колонок:1

в котором удаляем старый код и устанавливаем новый:

HTML

Код

<li>
  <a href="$PROFILE_URL$" >
  <img class="tu_avatar" alt="аватар $USERNAME$" src="<?if($AVATAR_URL$)?>$AVATAR_URL$<?else?>http://www.center-dm.ru/img/no_avatar.jpg<?endif?>" />
  <strong>$USERNAME$</strong>
  </a>
  <div><span>$COM_POSTS$</span></div>
</li>

а на страницу сайта в нужное вам место устанавливаем сам информер:

HTML

Код

<ul class="top_uzer_2">
  $MYINF_1$
  </ul>

Не забывайте, что $MYINF_1$ является номером вашего информера и его стоит прописывать именно системной переменной, а не отдельной ссылкой на js.

Шаг 2 -Установим CSS:
Теперь давайте закончим данное решение, прописав ему следующие css стили:

для зеленого варианта информера:

CSS-Code

Код

/* Топ пользователей для 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://www.center-dm.ru/ucoz/informer/coment/v2/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;
}

для синего варианта информера:

CSS-Code

Код

/* Топ пользователей для Ucoz - Синий вариант
------------------------------------------*/
.top_uzer {
  float:left;
  padding:0;
  margin:0;
  width:230px;
  color:#255c79;
  text-shadow: 1px 1px 1px #9bc9e1;
}

.top_uzer li {
  float:left;
  padding:0;
  margin-bottom: 10px;
  list-style:none;
  border-radius:5px;
  border: 1px solid #4f82aa;
}

.top_uzer li a:link,
.top_uzer li a:visited {
  float:left;
  width:150px;
  height:32px;
  color:#255c79;
  background:#75abce;
  border-right: 1px solid #4f82aa;
}

.top_uzer li a:hover {
  background:#9fc1e3;
}

.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 #9fc2e3;
  background: url(http://www.center-dm.ru/ucoz/informer/coment/v2/ico_comment_2.png) #75abce 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 #b0c6e8;
  border-radius:3px;
}

Вот и всё, информер топ пользователей по комментариям uCoz создан, на этом всё, спасибо за внимание!

Источник: Не указан

Скачать с сайта 4.5 Kb Спасибо 0 Жалоба

Если у Вас всё же остались вопросы, ответы на которые Вы не нашли, воспользуйтесь Обратной связью, либо напишите Администратору или Модератору персональное сообщение с описанием проблемы.

Внимание! Вы находитесь на странице материала «Топ пользователей по комментариям для uCoz v3» (Пользователи), который является полностью уникальным. Поэтому, при копировании на сторонний ресурс, просим указывать ссылку на источник.