Представляю Вашему вниманию современную кнопку оценки материала построенной на стандартных кодах от 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;}
.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
Для раздела каталог статей: /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
Теги: 
Главная
