регистрация
858материалов
3196комментариев
249тем на форуме
7238пользователей
Сайт ищет нового владельца по разумной цене:) По всем вопросам: romchik-domnin@yandex.ru
Подробнее

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


Описание скрипта:

Представляю Вашему вниманию современную кнопку оценки материала построенной на стандартных кодах от 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


Скрипт опубликовал:
...
Логин на сайте: ...
Группа: ...
Информация о скрипте:
Материал просмотрен: 119 раз
Категория материала: Скрипты для uCoz
К материалу оставлен: 1 комментарий

Пожаловаться
Сказать спасибо

1 комментарий


andruha0061
тоже планировал сделать на основе их кнопки, и даже полностью сделал, но не мог сделать так чтобы значение лайков прибавлялось в режиме реального времени, было допустим пять лайков, нажал и стало шесть. чтобы результат сразу появлялся.
и я забил на это) а потом как удалось так сделать, забил на нее и не стал выкладывать )
avatar
Правила чата
Закрыть мини-чат
+Открыть мини-чат
0
Онлайн всего: 4
Гостей: 4
Пользователей: 0