Свернуть

Новости проекта

Долгожданное открытие студии theRealARTs

Ура! Товарищи,приятная новость, свершилось затянувшееся открытие сайта theRealARTs, занимающегося разработкой в сфере Веб-Дизайна и графики.

Молодой, энергичный, яркий и индивидуальный проект спешит по хвастаться своим открытием и ждет новых посетителей на свой сайт!

12 Января 2015 Подробнее

Наша группа Вконтакте

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

17 Марта 2014 Подробнее

Свернуть

Прямой эфир

Пользователь: artCreative

В раздел по теме: Вид материалов как на Pinterest
Пользователь: artCreative

В раздел по теме: Ссылка на источник при копировании текста
Пользователь: muxa

В раздел по теме: Ссылка на источник при копировании текста
Не работает
Пользователь: muxa

В раздел по теме: ОТЛИЧНЫЙ БАНЕР ДЛЯ UCOZ
Все работает класс
Пользователь: muxa

В раздел по теме: Всплывающее меню на чистом CSS
Не работает
Пользователь: muxa

В раздел по теме: Шаблон Фотошоп-Мастер
Пользователь: vovany

В раздел по теме: Уникальная страница технических работ для uCoz

Свернуть

Статистика

Пользователи

Гости сайта

Онлайн
Кто был
СЧ

[Статистика недоступна]

Всего пользователей: 1492 ⁺⁰
Всего материалов [?]: 1434 +

Полный список

Вы здесь: Главная » Рубрики » Скрипты для uCOZ » Переключатели и кнопки » Полезный материал для uCoz

Полезный материал для uCoz

Опубликовал: artCreative™
Категория: Переключатели и кнопки
Дата: 19 Июня 2025 в 06:54

1 голос

Еще один хак для юкоз - Полезный материал для uCoz. Он заменяет стандартный рейтинг на симпатичную полосу с количеством голосов.

Установка:

Шаг 1 - Установим HTML:

Заходим в Админ панель => Дизайн => Управления дизайном и выбираем нужным модуль вашего сайта (новости, блог, каталог и т.д.) и на странице материала и комментариев к нему заменяем стандартный код рейтинга:

<div style="float:right">'12','/.s/img/stars/3/12.png','1','float')?></div>

на следующий код:

Для раздела новости (news)

  <div id="rating_os">
  <a href="javascript://" id="golike" onclick="$.get('/news/0-0-1-$ID$-15-1',function(data) {if($(data).text().indexOf('уже оценивали')>-1) _uWnd.alert('Вы уже оценивали данный материал!','Ошибка',{w:270,h:60,t:8000}); else {_uWnd.alert('Вы успешно оценили!','Успех',{w:270,h:60,t:8000})};});">
  <div id="rating_l">Полезный материал</div>
  </a>
  <div id="rating_p">+$RATED$</div>
  </div>

Для раздела каталог статей (publ)

  <div id="rating_os">
  <a href="javascript://" id="golike" onclick="$.get('/publ/0-1-1-$ID$-3',function(data) {if($(data).text().indexOf('уже оценивали')>-1) _uWnd.alert('Вы уже оценивали данный материал!','Ошибка',{w:270,h:60,t:8000}); else {_uWnd.alert('Вы успешно оценили!','Успех',{w:270,h:60,t:8000})};});">
  <div id="rating_l">Полезный материал</div>
  </a>
  <div id="rating_p">+$RATED$</div>
  </div>

Для раздела каталог файлов (load)

  <div id="rating_os">
  <a href="javascript://" id="golike" onclick="$.get('/load/0-1-1-$ID$-3',function(data) {if($(data).text().indexOf('уже оценивали')>-1) _uWnd.alert('Вы уже оценивали данный материал!','Ошибка',{w:270,h:60,t:8000}); else {_uWnd.alert('Вы успешно оценили!','Успех',{w:270,h:60,t:8000})};});">
  <div id="rating_l">Полезный материал</div>
  </a>
  <div id="rating_p">+$RATED$</div>
  </div>

Для раздела каталог сайтов (dir)

  <div id="rating_os">
  <a style="text-decoration: none;" href="javascript://" id="golike" onclick="$.get('/dir/0-1-1-$ID$-3',function(data) {if($(data).text().indexOf('уже оценивали')>-1) _uWnd.alert('Вы уже оценивали данный материал!','Ошибка',{w:270,h:60,t:8000}); else {_uWnd.alert('Вы успешно оценили!','Успех',{w:270,h:60,t:8000})};});">
  <div id="rating_l">Полезный материал</div>
  </a>
  <div id="rating_p">+$RATED$</div>
  </div>

Для раздела блог (blog)

  <div id="rating_os">
  <a href="javascript://" id="golike" onclick="$.get('/blog/0-0-1-$ID$-14-1',function(data) {if($(data).text().indexOf('уже оценивали')>-1) _uWnd.alert('Вы уже оценивали данный материал!','Ошибка',{w:270,h:60,t:8000}); else {_uWnd.alert('Вы успешно оценили!','Успех',{w:270,h:60,t:8000})};});">
  <div id="rating_l">Полезный материал</div>
  </a>
  <div id="rating_p">+$RATED$</div>
  </div>

Для раздела доска объявлений (board)

  <div id="rating_os">
  <a href="javascript://" id="golike" onclick="$.get('/board/0-1-1-$ID$-3',function(data) {if($(data).text().indexOf('уже оценивали')>-1) _uWnd.alert('Вы уже оценивали данный материал!','Ошибка',{w:270,h:60,t:8000}); else {_uWnd.alert('Вы успешно оценили!','Успех',{w:270,h:60,t:8000})};});">
  <div id="rating_l">Полезный материал</div>
  </a>
  <div id="rating_p">+$RATED$</div>
  </div>

Для раздела Фотоальбом (photo)

  <div id="rating_os">
  <a href="javascript://" id="golike" onclick="$.get('/photo/1-1-$ID$-13-1',function(data) {if($(data).text().indexOf('уже оценивали')>-1) _uWnd.alert('Вы уже оценивали данный материал!','Ошибка',{w:270,h:60,t:8000}); else {_uWnd.alert('Вы успешно оценили!','Успех',{w:270,h:60,t:8000})};});">
  <div id="rating_l">Полезный материал</div>
  </a>
  <div id="rating_p">+$RATED$</div>
  </div>

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

Теперь нам осталось прописать css стили для тёмного варианта кнопки:

/* Полезный материал
  ------------------------------------------*/
  #rating_os {
  float:right;
  font: 11px Verdana,Arial,Helvetica, sans-serif;
  color:#F5BF05; text-shadow: 1px 1px 1px #252525;
  }

  #rating_os a:link,
  #rating_os a:visited,
  #rating_os a:hover {text-decoration:none; color:#eee;}

  #rating_l,
  #rating_p{
  float:left;
  background: #737373;
  padding: 3px 7px 3px 7px;
  margin: 0px 3px 0px 3px;
  border: 1px solid #252525;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  }

  #rating_p {
  font-weight: bold;
  }

  #rating_l:hover {
  background: #5d5d5d;
  }
  /* ---------------------------------------*/

Ну наконец-то))

Спонсор материала: Дизайн-Ателье по разработке сайтов и граффики RealARTs

Ссылка на источник материала

Для того, чтобы скачивать файлы Вам нужно авторизироваться или зарегистрироваться

Просмотров 568 « Назад

Теги материала: материал, Ucoz, для, полезный

Комментарии пользователей

Внимание ! У вас нет прав для добавления комментариев.
Пожалуйста авторизуйтесь или зарегистрируйтесь.

E-mail отправителя *:
Тема письма:
Текст сообщения *:

ПАНЕЛЬ УПРАВЛЕНИЯ

Вы здесь: Главная » Рубрики » Скрипты для uCOZ » Переключатели и кнопки » Полезный материал для uCoz

Полезный материал для uCoz

Комментарии пользователей