Красивый Like замена рейтингу для uCoz
 | |
Очень интересный лайк на материал, как замена стандартному рейтингу. Он не на PNP но работает также, а точнее сразу выводит положительный отзыв, так как отрицательного нет, он просто не предусмотрен здесь. Кому не нравиться, тот просто не будет клик делать. Сама конфигурация его больше подходит на социальную сеть Facebook. Но кроме дизайн, не чего общего нет, так как и функциональность по мне намного лучше и на светлом сайте, хоть небольшой размер, но видно его всегда.  Здесь вы хорошо видите как будет стоять виде материалов и комментариев. Также не забываем его настраивать под модули, в самом скрипте стоит для каталога файлов - 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> Все, на этом вся установка, если будут вопросы, пишем в комментариях. | |
Поделиться в социальных сетях
Материал разместил
| Комментарии: 10 | |
Костен, как совет, присмотрись, ведь сам вид материала можно сделать немного красивей. Не нужно не каких больших кодов или скриптов на рейтинг или мне нравиться, а просто поставить от uCoz и вот вид совершенно другой. Немного не подходит по дизайн, но думаю понятно о чем говорю.
 | |
