Рейтинг + и - для uCoz

Рейтинг + и - для uCoz
Скрипты для uCoz
15:55, 16 январь 2022
496
9

Описание:

Представляю вашему внимаю новый рейтинг для uCoz. Данный рейтинг может выводить + и - отдельно, соответственно теперь пользователи могут ставить лайк и дизлайк по отдельности. Данный скрипт подойдет для сайта любой тематики, дизайн можно подогнать под любой дизайн.



Установка:

1. В нужное место в шаблоне ставим код:

<script src="/js/getRate2.js"></script>
<div class="fbtm fx-row fx-middle ignore-select fbtm-two" style="float:right; text-decoration:none;">
<div class="frating fx-row">
<div class="flike"><a href="#" onclick="getRate(1,$ID$,'load');return false" data-toggle="tooltip" data-placement="top" title="Мне нравится!"><span class="fa fa-thumbs-up"></span><span class="frating-counter"><span id="plus_$ID$" class="ignore-select"></span><?if($RATED$)?><?else?>0<?endif?></span></a></div>
<div class="fdislike"><a href="#" onclick="getRate(-1,$ID$,'load');return false" data-toggle="tooltip" data-placement="top" title="Мне не нравится!"><span class="fa fa-thumbs-down"></span><span class="frating-counter"><span id="minus_$ID$" class="ignore-select"></span><?if($RATED$)?><?else?>0<?endif?></span></a></div> 
<script type="text/jаvascript">setRating($RATING$,$RATED$,$ID$)</script> 
</div>
</div>


2. В таблицу стилей CSS добавьте стили:


.fx-row { display: -ms-flexbox; display: -webkit-flex; display: flex; -ms-flex-wrap: wrap; -webkit-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; }
.frating .fa { margin: 0 10px 0 0; font-size: 18px; color: #27ae60; }
.frating .fdislike .fa { color: #e74c3c; }
.frating a { margin-left: 15px; display: block; height: 36px; line-height: 36px; padding: 0 10px; border: 1px solid rgba(0, 0, 0, .1); border-radius: 5px;  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, .06); font-size: 14px; color: #919191; font-weight: 700; background: linear-gradient(to bottom, #fff 0%, #fff 30%, #f5f6f8 100%); }
.frating-counter { display: inline-block; border-left: 1px solid rgba(0, 0, 0, .1); padding-left: 10px; }
.frating a:hover { color: #919191; background: linear-gradient(to top, #fff 0%, #fff 30%, #f2f2f2 100%); }


3. Залейте скрипт getRate2.js в папку js на ваш сайт и готово.

Источник: likbezz.ru

 

Ctrl
Enter
Заметили ошЫбку
Выделите текст и нажмите Ctrl+Enter
Вернуться назад
Комментарии (9)
Информация
Посетители, находящиеся в группе Гости, не могут оставлять комментарии к данной публикации.
Дмитрий Иванов
Дмитрий Иванов 17 января 2022 01:28

А не лучше оставить Материал опубликовал и кнопку спасибо.

na3uTuB4uk
na3uTuB4uk Администраторы 17 января 2022 14:29
Дмитрий Иванов,

У меня на сайте в основном шаблоны адаптированные с DLE, а там идет рейтинг + и - в основном, поэтому такой рейтинг очень кстати.

Forza
Forza 17 января 2022 23:31

Хотя бы первоисточник указали.

А то я так понял, просто рипнули, ибо изначально иконки не от fa fa были (я их прописывал)

na3uTuB4uk
na3uTuB4uk Администраторы 18 января 2022 11:54
Forza,

Да я и не претендовал на разработку, источник не против указать, я просто не знал кто источник.

Pigis
Pigis 19 января 2022 21:15

Скрипт супер пользуюсь им с 2016 года изображение, я тогда сразу его под свои нужды переделал), и первоисточник Автор скрипта

na3uTuB4uk
na3uTuB4uk Администраторы 20 января 2022 00:01
Pigis, Так, тормозите мне тут комментарии ссылками забрасывать, я вас как старых не буду блокировать, но все же не стоит засорять сайт ссылками. Я уже указал источник, возможно и не первоисточник, но искать сейчас автора это уже наверное бесполезно.
Pigis
Pigis 20 января 2022 12:47
na3uTuB4uk,

Понял не буду),  просто написал мало ли)

Forza
Forza 22 января 2022 17:04
na3uTuB4uk, кстати, сайт который указал (абслюникс) не совсем первоисточник (пардон). Автор likbezz (ранее форум был на козе), хотя уже бессмысленно искать. По факту аналогов скрипту я не находил, можно даже реализовать процентную шкалу (как было раньше в youtube). Но у меня он через 3 месяца начал глючить и все голоса стали отрицательными, ну и снес его к чертям)
na3uTuB4uk
na3uTuB4uk Администраторы 24 января 2022 17:32
Forza,

Ну первоисточник я сейчас точно искать не буду :)