Ваша корзина пуста
Форма входа

Бесплатный раздел

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

Новый вид рейтинга ("Нравится и Не нравится") для uCoz

Дата добавления: 28.02.2022 - 20:02
Добавил: Buger
Количество просмотров: 142
Количество комментариев: 0
Размер файла: 2.3 Kb
Рейтинг материала: 0.0 / 0
Новый вид рейтинга ("Нравится и Не нравится") для uCoz
рейтинг 0.0
/
голосов 0
Представляю вашему внимаю новый рейтинг для uCoz. Данный рейтинг может выводить + и - отдельно, соответственно теперь пользователи могут ставить лайк и дизлайк по отдельности. Данный скрипт подойдет для сайта любой тематики, дизайн можно подогнать под любой дизайн.

Установка:


1. Залейте скрипт getRate2.js в папку js на ваш сайт и готово.
2. В нужное место в шаблоне ставим код:
Код
<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>

3. В 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%); }
Добавлять комментарии могут только зарегистрированные пользователи.


Поделись с друзьями: