» »

Замена звездочек на кнопку Like для uCoz


Замена звездочек на кнопку Like для uCoz

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

Приступаем к установке:

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

Код
<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>


Здесь стили заточены под блог, что можно там же в низ поставить, или style в начале и в конце убрать и установить в CSS сайта.

Код
<style type="text/css">  
.likeplus {font-size:1pt;background:url('http://zornet.ru/Ajaxoskrip/Fekstura_tekst/demo/0563111001462810994.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/Ajaxoskrip/Fekstura_tekst/demo/0510534001462811005.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>


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

Код
<?if($RATING$)?>  
<div onclick="likePlus(1,$ID$,'publ');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?>


Источник: yraaa.ru
09.05.2016 Просмотров: 364 Комментарий: (6)

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

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

Комментарий: 6
Сафрон
Сафрон 09.05.2016 20:041
0
В этом случай, лучше сразу выставить рейтинг в натуре, то таких изображений уже много и не понять, какая фактура при установке будет.
Tergran
Tergran 09.05.2016 20:102
0
Нормальный рейтинг, так как с источника его ставил.
А что по изображению. но здесь Сафрон, каждый по своему подходит. Кто то ставит как Костен с тестового сайта, кто то просто красивую картинку, мне кажется, если сайт предоставляет уже точно зная, что рабочий скрипт, то может изображение красивые выставлять, все же некая такая реклама, своеобразная. Что тебя цепляет и тебе нужно обязательно зайти и посмотреть, что же за скрипт такой.
Kosten
Kosten 09.05.2016 20:463
0
Так то можно в стилях посмотреть, в описание написано, что вы сами можете на свои поменять, и по умолчанию там такой лайк.
feliksteg
feliksteg 10.05.2016 18:144
0
Ставил как то давно такой скрипт. Так скажу не чего смотрится, но пришлось его сильно переделать, просто он не такой большой как мне хотелось, но зато работает нормально.
Сафрон
Сафрон 10.05.2016 19:425
0
Здесь согласен, что очень маленькие лайки, но их если увеличишь, то они уже на так будут смотреться, так как тоже ставил и не мог потом выставить и выровнять на большие, когда увеличил, а на таких маленьких работает отлично.
FeStemBer
FeStemBer 10.05.2016 19:496
0
Чо вы так категорично относитесь к величена этого лайка. Но не нравится то можно найти другой, здесь можно настроить, это же конструктор, но знать нужно что да как, но судя какие они, то вот меня они такие устраивают.
avatar