Тор сайтов Новости Файлы Форум
Понедельник, 28.07.2025 12:53
Главная | Регистрация | Вход

Меню сайта
Главная Форум Файлы Новости Баннеробмен Чат
Все Для Ucoz
Шаблоны для Ucoz Иконки Групп Ucoz Иконки Форума Ucoz Шапки Ucoz Скрипты для Ucoz
Все для DLE Сайтов
Шаблоны для сайтов DLE Шаблоны форумов DLE Модули DLE Хаки DLE Другое для DLE
Все для CS 1.6
Скачать Игру CS 1.6 Боты для CS 1.6 Патчи для CS 1.6 Программы CS 1.6 Карты для CS 1.6 Русификаторы CS 1.6 Плагины для cs 1.6 Конфиги CS 1.6 Модели оружий Cs 1.6 Модели игроков Cs 1.6 Спрайты CS 1.6 Читы CS 1.6 Клиент Steam Готовые Сервера CS 1.6 Основы Сервера
Все для CSS
Скачать Игру CSS Готовые Сервера CSS Карты для CSS Плагины для csS Модели оружий CsS Модели игроков CsS Читы CSS
Софт
Мультимедия Офис Драйвера Разные программы Для раскрутки сайта Браузеры
Игры для PC
Игры PC
Это интеренсо
Реклама
Кнопка
Главная » 2013 » Февраль » 8 » Топ пользователей по комментариям для uCoz
18:59
Топ пользователей по комментариям для uCoz
Всем доброго дня, разбирая старые архивы я обнаружил папку с некогда планированным контентом, но к сожалению в прошлом я не мог реализовать то или иное решение правильно, так как мои знания были начинающими, а сейчас самое то, додумать, переделать и предоставить на общее скачивание.

И так в данном решение мы будем создавать очередной внешний вид "Топ пользователей по комментариям 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 создан, на этом всё, спасибо за внимание!
Просмотров: 403 | Добавил: budyvmaster | Рейтинг: 0.0/0
Всего комментариев: 0
Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]
Профиль
Понедельник
28.07.2025
12:53
[ Управление профилем ]
Выделенный сервер, аренда серверов, дешевые сервера, купить сервер, хостинг сервера
Sape
Photoshop
Кисти Стили Шрифты Плагины Текстуры Шаблоный для Фотошоп
Чат
Друзья сайта
Поиск
Статисика
Зарег. на сайте:
Всего: 38857
Новых за месяц: 0
Новых за неделю: 0
Новых вчера: 0
Новых сегодня: 0
Счетчики:
Онлайн:

Онлайн всего: 1
Гостей: 1
Пользователей: 0

Сегодня нас посетили:


конфиги кс | шаблоны ucoz для cs 1.6 | © 2009-2010 | | Используются технологии uCoz | Sitemap | Sitemap-Forum
Копирование материалов на другие сайты запрещено!

Шаблоны cs 1.6 uCoz, скачать cfg для ножа, читы для css, скачать cfg на нож, Чит для кс WWW.cs-pc.ru