» »

Красивый Like замена рейтингу для uCoz


Красивый Like замена рейтингу для uCoz

Очень интересный лайк на материал, как замена стандартному рейтингу. Он не на PNP но работает также, а точнее сразу выводит положительный отзыв, так как отрицательного нет, он просто не предусмотрен здесь. Кому не нравиться, тот просто не будет клик делать. Сама конфигурация его больше подходит на социальную сеть Facebook. Но кроме дизайн, не чего общего нет, так как и функциональность по мне намного лучше и на светлом сайте, хоть небольшой размер, но видно его всегда.

Кнопка Лайк вместо рейтинга для uCoz


Здесь вы хорошо видите как будет стоять виде материалов и комментариев. Также не забываем его настраивать под модули, в самом скрипте стоит для каталога файлов - load прямо в начале кода. Если у вас статьи, то заменяем на publ если новости news и также под блог настраиваем.

Установка:

Первое, что делаем, это ставим скрипт в низ сайта:

Код
<script type="text/javascript">  
likePlus = function (c, d, f, g) {  
  if (typeof d == 'undefined' || typeof c == 'undefined' || (c != 1 && c != -1)) return false;  
  c += 2;  
  if (!f) f = location.pathname.match(/[^\\\/]+/i) + '';  
  if (!f) return false;  
  var h = $('#rate_' + d);  
  g = $.extend({  
  'before': function (a) {  
  },  
  'after-success': function (a, b) {  
  document.getElementById('frs2' + d).innerText++  
  a.html(b).addClass(b > 0 ? 'positiveRate' : (b == 0 ? 'nullRate' : 'negativeRate'));  
  },  
  'after-error': function (a) {  
  try {eval(a)} catch (e) {}  
  }  
  }, g || {});  
  g.before(h);  
  $.post('/' + f + '/', {'a': '65', 'id': d, 'mark': c, 'mod': f, 'ajax': '2'}, function (a) {  
  a = $('cmd:first', a).text();  
  var b = a.match(/Рейтинг:\s*([\d.]+)\/(\d+)/i);  
  if (!b) return g['after-error'](a);  
  b = Math.round(b[1] * b[2]) - 2 * b[2];  
  g['after-success'](h, b)  
  })  
}  
function getClass(nameid, nameclass) {  
  document.getElementById(nameid).className=nameclass  
}  
</script>


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

Код
<?if($RATING$)?>  
<div onclick="likePlus(1,$ID$,'load');return false" style="cursor:pointer;height:16px;" onmouseover="getClass('hr2$ID$','likeplus_hover');getClass('frs2$ID$','like2')" onmouseout="getClass('hr2$ID$','likeplus');getClass('frs2$ID$','likex')">  
<table cellspacing="0" cellpadding="0"><tr><td><div id="hr2$ID$" class="likeplus"> </div></td><td><div class="likex" id="frs2$ID$">$RATED$</div></td></tr></table>  
</div>  
<?endif?>


И остаются стили, их можно в CSS поставить убрав в начале и в конце style, а можно взять этот код скопировать и поставить тут же, только ниже.

Код
<style type="text/css">  
.likeplus {font-size:1pt;background:url('http://zornet.ru/CSS-ZORNET/Gresan/like.png') top;width:13px;height:12px;overflow:hidden;cursor:pointer;margin-right:4px;margin-top:0px}  
.likeplus_hover {font-size:1pt;background:url('http://zornet.ru/CSS-ZORNET/Gresan/big-load_Like_vmesto_mne_nravitci.png') bottom;width:13px;height:12px;overflow:hidden;cursor:pointer;margin-right:4px;margin-top:0px}  
.like2 {font-size:8pt;font-weight:bold;color:#111C49;}  
.likex {font-size:8pt;font-weight:bold;color:#223276;}  
</style>


Все, на этом вся установка, если будут вопросы, пишем в комментариях.
27.02.2016 Просмотров: 582 Комментарий: (10)

Поделиться в социальных сетях

Материал разместил

Комментарий: 10
ucozmental
ucozmental 27.02.2016 18:221
0
Так не плохо смотрится, мня больше интересует, на вид материала подойдет?
Kosten
Kosten 27.02.2016 18:292
0
Нет, этот скрипт настроен под вид материала и комментариев.
tsakonter
tsakonter 27.02.2016 18:373
0
Круто, не нужно страницу перезагружать, интересно как они делают это без php через скрипт.
Сопрано
Сопрано 27.02.2016 18:424
0
Кнопки сильно маленькие и можно сделать по больше. Вижу в коде что можно. Но что то подсказывает, что на фотошоп нужно выводить.
Сафрон
Сафрон 27.02.2016 18:465
0
Опят нету отрицательного, один только плюс, что сразу показывает.
FeStemBer
FeStemBer 27.02.2016 18:506
0
Уже говорилось, что кому то просто нравиться ставить минусы и таких много, а здесь им просто не позволят.
frecsarg
frecsarg 27.02.2016 18:587
0
Вообще в первые такой скрипт вижу и его работу, что сразу выводит, поди нрузить будет.
Maryges
Maryges 27.02.2016 20:198
0
Это старый скрипт, и вы сами можете поставить свой лайки, делаем немного больше и потом в самих стилях регулируем высоту и ширину, так как для широкого он не подойдет, а где фиксация стоит, нормально будет. А что грузит, каждый скрипт грузит, без этого не как, чем красивей делаешь, тем он тяжелей, но главную. страницу лучше не загружать, то быстро роботы не когда не зайдут. Хоть они и заходят на сайт. то самое большое месяц могут на сайте прожить и потом уйдут.
Scheme
Scheme 27.02.2016 20:279
0
Костен, как совет, присмотрись, ведь сам вид материала можно сделать немного красивей. Не нужно не каких больших кодов или скриптов на рейтинг или мне нравиться, а просто поставить от uCoz и вот вид совершенно другой. Немного не подходит по дизайн, но думаю понятно о чем говорю.

Kosten
Kosten 27.02.2016 20:3710
0
kvyntin, хорошая идея, как то не задумывался, но уже вид под мобильные устройства адаптирован, если его ставить, но нужно закрыть и оставить только для ПК и ноутбука.
avatar