Кнопка “мне нравится” для uСoz

29.07.2020 373 0 vipp Все для uCoz Скрипты для uCoz

Представляю Вашему вниманию современную кнопку оценки материала построенной на стандартных кодах от uCoz. За основу взята кнопка лайков от сервиса uSocialсо всеми ее прелестями. Кнопочку можно достроить под любой модуль, для этого нужно будет сделать пару легких имитаций в коде скрипта. Код не нагружает сайт. Установка очень проста и не займет много вашего драгоценного времени. Кнопка подойдет для раздела: новостей, каталог статей, каталог файлов, каталог сайтов, блог, доска объявлений, фотоальбом.

Установка:
Ну а вот и сам код этой кнопки вставляем туда где хотите её видеть:

Код

<?if($RATING$)?><a href="javascript://" onclick="$.get('/load/0-1-1-$ID$-3 ',function(data) {if($(data).text().indexOf('уже оценивали')>-1) _uWnd.alert('Уже лайкали!','',{w:100,h:40,t:2000}); else {_uWnd.alert('Принято +1','',{w:100,h:40,t:2000});$('#rate$ID$').text('+1');};});" class="rating" rel="nofollow" onclick="add_enterthesite();"style="margin-bottom: 2px;"><center><div class="title">#10084;Мне нравится!</div><div class="counter">$RATED$</div></center></a><?endif?>

ну а это в css:

Код

.rating {width:auto;background: #ffffff;color:#E4E5E7;border: 1px solid;border-color:#E4E5E7;text-decoration: none;line-height: 16px;padding: 7px 14px;display: inline-block;border-radius: 30px;outline: none;font-size: 14px;font-family: 'Open Sans', sans-serif;letter-spacing: 0.5px;transition: background .2s ease, color .2s ease, border .2s ease, box-shadow .3s ease;-webkit-transition: background .2s ease, color .2s ease, border .2s ease, box-shadow .3s ease;text-decoration: none;}
  .rating:hover {background: #E4E5E7;border-color: #E4E5E7;color: #ffffff;text-decoration: none;}
  .rating:active {background: #E4E5E7;border-color: #E4E5E7;color: #ffffff;text-decoration: none;}
  .counter {display: inline-block;vertical-align: middle;line-height: 17px;border: 1px solid #313945;padding: 1px 5px 0;border-radius: 10px;font-size: 13px;margin: 0 0 0 5px;min-width: 34px;text-align: center;float: right;width: auto;height: auto;}
  .title {display: inline-block;vertical-align: middle;line-height: 21px;float: left;text-align: left;width: calc(100% - 70px);overflow: hidden;text-overflow: ellipsis;white-space: nowrap;width: auto;height: auto;}

Настройки:
Можно подстроить под любой модуль заменив коде /load/0-1-1-$ID$-3
Для раздела новостей: /news/0-0-1-$ID$-15-1
Для раздела каталог статей: /publ/0-1-1-$ID$-3
Для раздела каталог файлов: /load/0-1-1-$ID$-3
Для раздела каталог сайтов: /dir/0-1-1-$ID$-3
Для раздела блог: /blog/0-0-1-$ID$-14-1
Для раздела доска объявлений:/board/0-1-1-$ID$-3
Для раздела Фотоальбом: /photo/1-1-$ID$-13-1

Файлы для скачивания отсутствуют.

Поблагодарить автора Автор: vipp

Комментарии (0)

Добавить комментарий