Навигация
Категории раздела
Последние поступления
Статистика
Файлы » Интернет » Скрипты

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

08.02.2013, 19:39

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

И так в данном решение мы будем создавать очередной внешний вид "Топ пользователей по комментариям uCoz"

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

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

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

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

Код
<li>
  <a href="$PROFILE_URL$" >
  <img class="tu_avatar" alt="аватар $USERNAME$" src="$AVATAR_URL$http://bambun.ru/images/no_avata9r.jpg" />
  <script type="text/javascript" src="http://activiks.ru/img/png.js"></script>
  <strong>$USERNAME$</strong>
  </a>  
  <div><span>$COM_POSTS$</span></div>
</li>


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

Код
<ul class="top_uzer_2">
  $MYINF_1$
  </ul>


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

Шаг 2 - Установим CSS:

Теперь давайте закончим данное решение, прописав ему следующие 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://bambun.ru/images/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;  
}



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

Код
/* Топ пользователей для 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://bambun.ru/images/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 создан, на этом всё, спасибо за внимание!



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

Атрибуты     Скриншот
Дата добавления     08.02.2013


Не забудьте зарегистрироваться!

 
Не знаете как скачать файл?..Тогда эта инструкция для Вас!!!
 
 
Категория: Скрипты
Рейтинг: 0.0/0 |
Всего комментариев: 0
Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]

Поиск
Наш опрос
Нашли то что искали на нашем сайте?
Всего ответов: 2270
Новое на форуме
Заказ ключа для программного обеспечения

Стоит ли покупать игровую валюту в Diablo?

Красивый информер "кто нас сегодня посетил" для Ucoz

Flash радио для сайта

Оптимизация системы

Наша кнопка

Диагностика

Ключи серийники для антивируса Касперский

Ключи кейген для Eset nod 32, Eset Smart Security

Лекарство кейген и русификатор для MOBILedit! Standard 6.9.0


© 2024 Softal

О материалах размещенных на сайте