Кнопка "Мне нравится" для сайта uCoz
09.04.2026  266  1  VeL

Представляю вашему вниманию красивую кнопку "Мне нравится" для новостей вашего сайта. Данная кнопка подойдёт для сайтов со светлым дизайном, но это лично моё мнение, тем более что вы можете внести свои изменения и данная кнопка подойдёт абсолютно для всех дизайнов, будь он светлый или темный.

Установка:

1. В вид материалов новостей в нужное место вставляем код ниже:
Код
<div class="v_rating2"><?if($RATING$)?><a style="text-decoration: none;" class="ilike_rating" href="javascript://" id="golike" onclick="$.get('/news/0-0-5-$ID$-15-1',function(data) {if($(data).text().indexOf('уже оценивали')>-1) _uWnd.alert('Вы уже оценивали данный материал!','Ошибка!',{w:270,h:60,t:8000}); else {_uWnd.alert('Вы успешно оценили!','Успешно!',{w:270,h:60,t:8000})};});">Мне Нравится <img src="http://csomsk.ru/1-ucoz/rip/like.png" class="like"> $RATED$</a>  <?endif?></div>  
2. Теперь в Таблицу стилей css вставляем код который расположен ниже:
Код
a.ilike_rating {   display: block;   float: right;   background: rgba(0, 0, 0, 0.8);   height: 21px;   padding: 0 4px 0 4px;   font: bold 12px/21px Arial;   color: white;   text-decoration: none;   -moz-border-radius: 4px;   -webkit-border-radius: 4px;   border-radius: 4px;   margin-top: -2px;   }   a.ilike_rating:hover{text-decoration:none;background-color:#000;}   .v_rating2 {float:right; margin:12px 48px 0 0;}   .like {opacity:0.5; vertical-align:-4px;}   .like:hover {opacity:0.8;}  

P.S. Данный скрипт работает только в каталоге новостей. Для работы в других модулях скрипт подлежит изменению.

Комментариев:1
sasha2016tv (08.04.2017 в 18:25)
Темный стиль не очень выглядит на светлых сайтах

Etiam porta sem malesuada magna mollis euismod. Nullam quis risus eget urna mollis domain.com 2 days ago