» »

Красивая кнопка «Мне нравится» Like для uCoz

Красивая кнопка «Мне нравится» Like для uCoz

Очередная красивая по стилю зеленая кнопка по функций мне нравится или Like, что только будет работать в положительную сторону на плюс. Так как стандартный рейтинг виде звездочек или других фигур не очень подходят, то здесь идет цифровой скрипт, что по улику будет прибавлять.

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

Здесь проверено было на работоспособность, на модуле каталог файлов настроено.

Можно сделать на 10 пикселей на закругление углов.

Код лайка для сайта

Или поменять палитру и полностью закруглить.

Код цифровой рейтинг на сайт

Сама картинка идет с эффектом, не стал стиль убирать, возможно кому то так понравится, хотя можно на одной все выставить.

Стильный рейтинг каталога файлов uCoz

Это оригинальный по виртуальности.

Кнопка рейтинг

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);
}

Ставить нужно вид материалов и комментариев к нему, что просто убираем стандартный, и на это место прописываем свой код, или выбрать другое место, вообщем по вашему мнению, где должен рейтинг быть.
2017-12-13 Просмотров: 821 Комментарий: (2)

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

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

Комментарий: 2
volkodav2312
volkodav2312 2017-12-23 01:251
0
А возможность смена лиц при достижении какого-то определенного числа лайков есть?
Kosten
Kosten 2017-12-23 01:302
0
Нет, смена лиц будет по умолчанию, какое установили.
avatar