NK-uCoz.Ru » Каталог файлов » uCoz » Скрипты для uCoz » Рейтинг + и - для uCoz

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

Рейтинг + и - для uCoz
Скрипты для uCoz
na3uTuB4uk
04.06.25, 16:38
9
0
Описание:
Представляю вашему внимаю новый рейтинг для 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
2028_ucoz-rating.zip [2.3 Kb] (Скачали 0)
Ctrl
Enter
Заметили ошЫбку
Выделите текст и нажмите Ctrl+Enter
Вернуться назад
Комментарии (0)