Главная » Файлы » Скрипты для uCoz » Другие скрипты
Замена стандартного рейтинга на кнопку "Мне нравится" в пяти разных цветовых схемах для всех основных модулей by SingMen для uCoz
24.06.14, 16:58:32

Скачать файл



Замечательное решение для замены всем уже достаточно поднадоевшего рейтинга uCoz на простую кнопку "Мне нравится". Решение, на мой взгляд, просто гениальное и я не могу не поделиться им с вами

Установка:

В виде материалов модулей, приведённых ниже, замените примерно такой код:
Код
<?if($RATING$)?><div style="float:right"><?$RSTARS$('12','/.s/img/stars/3/12.png','0','float')?></div><?endif?>
На:

[color=rgb(196, 35, 35);font-weight:bold;]1) Каталог файлов [load]:[/color]
Код
<?if($RATING$)?>
  <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">Mне нравится</div>
  </a>
  <div id="rating_p">+$RATED$</div>
  </div>
  <?endif?>

[color=rgb(196, 35, 35);font-weight:bold;]2) Новости сайта [news]:[/color]
Код
<?if($RATING$)?>
  <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">Mне нравится</div>
  </a>
  <div id="rating_p">+$RATED$</div>
  </div>
  <?endif?>

[color=rgb(196, 35, 35);font-weight:bold;]3) Блог [blog]:[/color]
Код
<?if($RATING$)?>
  <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">Mне нравится</div>
  </a>
  <div id="rating_p">+$RATED$</div>
  </div>
  <?endif?>

[color=rgb(196, 35, 35);font-weight:bold;]4) Каталог статей [publ]:[/color]
Код
<?if($RATING$)?>
  <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">Mне нравится</div>
  </a>
  <div id="rating_p">+$RATED$</div>
  </div>
  <?endif?>

[color=rgb(196, 35, 35);font-weight:bold;]5) Каталог сайтов [dir]:[/color]
Код
<?if($RATING$)?>
  <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">Mне нравится</div>
  </a>
  <div id="rating_p">+$RATED$</div>
  </div>
  <?endif?>

[color=rgb(196, 35, 35);font-weight:bold;]6) Доска объявлений [board]:[/color]
Код
<?if($RATING$)?>
  <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">Mне нравится</div>
  </a>
  <div id="rating_p">+$RATED$</div>
  </div>
  <?endif?>

[color=rgb(196, 35, 35);font-weight:bold;]7) Фотоальбом [photo]:[/color]
Код
<?if($RATING$)?>
  <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">Mне нравится</div>
  </a>
  <div id="rating_p">+$RATED$</div>
  </div>
  <?endif?>


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

Код
#rating_os {
  float:right;
  font: 11px Verdana,Arial,Helvetica, sans-serif;
  color:#777; text-shadow: 1px 1px 1px #fff;
  background:#f6f6f6;
  border: 1px solid #d6d6d6;
  }
  #rating_os a:link,
  #rating_os a:visited,
  #rating_os a:hover {text-decoration:none; color:#999;}
  #rating_l {
  float:left;
  background: url(/images/ugol_white.png) no-repeat right;
  padding: 3px 10px 3px 5px;
  }
  #rating_l:hover {
  background: #fff url(/images/ugol_white.png) no-repeat right;
  }
  #rating_p {
  float:right;
  padding: 3px 5px 3px 5px;
  background:#e3e3e3;
  }

Код
#rating_os {
  float:right;
  font: 11px Verdana,Arial,Helvetica, sans-serif;
  text-shadow: 1px 1px 1px #fff;
  background:#dfecf4;
  border: 1px solid #97b7ca;
  }
  #rating_os a:link,
  #rating_os a:visited,
  #rating_os a:hover {text-decoration:none; color:#2C68A6;}
  #rating_l {
  float:left;
  background: url(/images/ugol_blue.png) no-repeat right;
  padding: 3px 10px 3px 5px;
  }
  #rating_l:hover {
  background: #e5f5ff url(/images/ugol_blue.png) no-repeat right;
  }
  #rating_p {
  float:right;
  color:#235e9b;
  padding: 3px 5px 3px 5px;
  background:#b5d9ee;
  }

Код
#rating_os {
  float:right;
  font: 11px Verdana,Arial,Helvetica, sans-serif;
  text-shadow: 1px 1px 1px #fff;
  background:#cdf6ce;
  border: 1px solid #48b543;
  }
  #rating_os a:link,
  #rating_os a:visited,
  #rating_os a:hover {text-decoration:none; color:#247e20;}
  #rating_l {
  float:left;
  background: url(/images/ugol_green.png) no-repeat right;
  padding: 3px 10px 3px 5px;
  }
  #rating_l:hover {
  background: #e1fee2 url(/images/ugol_green.png) no-repeat right;
  }
  #rating_p {
  float:right;
  color:#247e20;
  padding: 3px 5px 3px 5px;
  background:#8bdc87;
  }

Код
#rating_os {
  float:right;
  font: 11px Verdana,Arial,Helvetica, sans-serif;
  color:#fff;
  background:#ffe5cd;
  border: 1px solid #ffa24a;
  }
  #rating_os a:link,
  #rating_os a:visited,
  #rating_os a:hover {text-decoration:none; color:#ff891a; text-shadow: 1px 1px 1px #fff; }
  #rating_l {
  float:left;
  background: url(/images/ugol_orange.png) no-repeat right;
  padding: 3px 10px 3px 5px;
  }
  #rating_l:hover {
  background: #fff3e8 url(/images/ugol_orange.png) no-repeat right;
  }  
  #rating_p {
  float:right;
  text-shadow: 1px 1px 1px #ff891a;
  padding: 3px 5px 3px 5px;
  background:#ffd0a4;
  }

Код
#rating_os {
  float:right;
  font: 11px Verdana,Arial,Helvetica, sans-serif;
  color:#a7a7a7; text-shadow: 1px 1px 1px #252525;
  background:#484848;
  border: 1px solid #252525;
  }
  #rating_os a:link,
  #rating_os a:visited,
  #rating_os a:hover {text-decoration:none; color:#a7a7a7;}
  #rating_l {
  float:left;
  background: url(/images/ugol_black.png) no-repeat right;
  padding: 3px 10px 3px 5px;
  }
  #rating_l:hover {
  background: #5d5d5d url(/images/ugol_black.png) no-repeat right;
  }
  #rating_p {
  float:right;
  padding: 3px 5px 3px 5px;
  background:#6e6e6e;
  }


Картинки из прикреплённого архива залейте в папку images

Материал подготовлен Apocalypse
Категория: Другие скрипты | Добавил: Apocalypse | Теги: пяти, мне, нравится, рейтинга, на, замена, стандартного, цветовых, разных, кнопку
Просмотров: 517 | Загрузок: 0 | Рейтинг: 0.0/0
Всего комментариев: 0
Имя *:
Email: