Красивая кнопка «Мне нравится» Like для uCoz
 | |
| Очередная красивая по стилю зеленая кнопка по функций мне нравится или Like, что только будет работать в положительную сторону на плюс. Так как стандартный рейтинг виде звездочек или других фигур не очень подходят, то здесь идет цифровой скрипт, что по улику будет прибавлять. Здесь можно создать один каркас и внутри его поставить шрифтовую иконку, но они уже также очень много где применяются. Что теперь сами можете выбрать изображение по тематике, где оценивают материал. Все просто редактируется, как по смени цвета и самой картинки на рейтинг, так как она прикреплена под ссылкой на основу. Здесь проверено было на работоспособность, на модуле каталог файлов настроено. Можно сделать на 10 пикселей на закругление углов.  Или поменять палитру и полностью закруглить.  Сама картинка идет с эффектом, не стал стиль убирать, возможно кому то так понравится, хотя можно на одной все выставить.  Это оригинальный по виртуальности.  HTML Код <?if($RATING$)?> <div class="mideruneg_kawmotan" id="mideruneg_kawmotan$ID$"> <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});$('#mideruneg_kawmotan$ID$').text('+<?$RATED$+1?>');};}); "> <div class="zornet_ru_salokerbun">Рейтинг: <?if($RATED$)?>+<?else?><?endif?>$RATED$</div> </a> </div> <?endif?> CSS Код .mideruneg_kawmotan { float:left; font: 11px Verdana,Arial,Helvetica, sans-serif; font-weight: bold; padding: 4px 0px 0px 0px; border-radius: 3px; } .mideruneg_kawmotan a { float:left; background:url(http://zornet.ru/Aben/ABGDA/zornet_ru/pWujGQA.png) no-repeat left top; padding: 0px 1px 0px 25px; margin: 0px 0px 0px 0px; border-radius: 3px; text-decoration:none; font-size: 12px; } .mideruneg_kawmotan a:hover { background:url(http://zornet.ru/Aben/ABGDA/zornet_ru/O-x27qmHRsqT5h41jZSkBg.png) no-repeat left top; } .zornet_ru_salokerbun{ float:right; border: 1px solid #efebeb; padding: 3px 5px 5px 5px; border-radius: 5px; background: #469623; color: #fdfbfb; margin: -3px 0px 0px 0px; text-shadow: 0 1px 0 #151313; box-shadow: 0px 0px 1px 1px rgba(82, 77, 77, 0.76), 0px 10px 30px -15px rgba(0, 0, 0, 0); } Ставить нужно вид материалов и комментариев к нему, что просто убираем стандартный, и на это место прописываем свой код, или выбрать другое место, вообщем по вашему мнению, где должен рейтинг быть. | |
Поделиться в социальных сетях
Материал разместил
| Комментарии: 2 | |
|
| |
