регистрация
857материалов
3222комментария
249тем на форуме
7324пользователя
Хотите узнать что случилось и что дальше будет с сайтом?
Да, хотелось-бы :-)

Кнопка “мне нравится” для 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


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

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

4 комментария


andruha0061
тоже планировал сделать на основе их кнопки, и даже полностью сделал, но не мог сделать так чтобы значение лайков прибавлялось в режиме реального времени, было допустим пять лайков, нажал и стало шесть. чтобы результат сразу появлялся.
и я забил на это) а потом как удалось так сделать, забил на нее и не стал выкладывать )
vkcommarketvzlom10
а для модуля каталог онлайн игр подойдет?
milan_shubin
Думаю да)
temohpaB
Иван @temohpaB 19.03.2018 15:574
В коде кнопке #10084; по-мойму лишнее =)
avatar
Правила чата
Закрыть мини-чат
+Открыть мини-чат
0
Онлайн всего: 1
Гостей: 1
Пользователей: 0