Замена звездочек на кнопку 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 | |
Поделиться в социальных сетях
Материал разместил
| Комментарии: 6 | |
|
| |
