Кнопка мне нравится для uСoz
Представляю Вашему вниманию современную кнопку оценки материала построенной на стандартных кодах от uCoz. За основу взята кнопка лайков от сервиса uSocialсо всеми ее прелестями. Кнопочку можно достроить под любой модуль, для этого нужно будет сделать пару легких имитаций в коде скрипта. Код не нагружает сайт. Установка очень проста и не займет много вашего драгоценного времени. Кнопка подойдет для раздела: новостей, каталог статей, каталог файлов, каталог сайтов, блог, доска объявлений, фотоальбом.
Установка:
Ну а вот и сам код этой кнопки вставляем туда где хотите её видеть:
Добавляем таблицу стилей (CSS) в самый вниз:
Настройки:
Можно подстроить под любой модуль заменив коде /load/0-1-1-$ID$-3
Установка:
Ну а вот и сам код этой кнопки вставляем туда где хотите её видеть:
Код
<?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
Скачать бесплатно - [.]
без регистрации через 5 сек.
Или скачать без ожидания.
Или скачать без ожидания.
