Блог Сергея Князева

Скрипты
Вид рейтинга для Ucoz

Вид рейтинга для Ucoz

30.04.20166492
Зачастую рейтинг материала - это то насколько он понравился пользователям, а почему бы не сделать этот рейтинг немного красивее? Я решил создать подборку различных видов рейтингов для вашего сайта. Также я приготовил маленький бонус для читателей моего блога.

Настройка

Для установки рейтинга материалов в Ucoz используется следующий код:

Код
<?$RSTARS$('12','/.s/img/stars/3/12.png','1','float')?>

Для понравившихся вам звёздочек, необходимо заменить "/.s/img/stars/3/12.png" на адрес картинки рейтинга. Число "12" указывает на размер области рейтинга в пикселях. Цифра "1" - флаг который показывает можно ли пользователям вашего сайта оценивать данный материал или нет. Для запрета поставьте "0". Для того, что бы указать тип вывода рейтинга пропишите "float/int/half" где float - точно до десятых, int - только целые звезды, half - округление до половины.

Иконки рейтинга


Center-WD - Вид рейтинга для UcozCenter-WD - Вид рейтинга для UcozCenter-WD - Вид рейтинга для UcozCenter-WD - Вид рейтинга для UcozCenter-WD - Вид рейтинга для UcozCenter-WD - Вид рейтинга для UcozCenter-WD - Вид рейтинга для UcozCenter-WD - Вид рейтинга для UcozCenter-WD - Вид рейтинга для UcozCenter-WD - Вид рейтинга для UcozCenter-WD - Вид рейтинга для UcozCenter-WD - Вид рейтинга для UcozCenter-WD - Вид рейтинга для UcozCenter-WD - Вид рейтинга для UcozCenter-WD - Вид рейтинга для UcozCenter-WD - Вид рейтинга для UcozCenter-WD - Вид рейтинга для UcozCenter-WD - Вид рейтинга для UcozCenter-WD - Вид рейтинга для UcozCenter-WD - Вид рейтинга для UcozCenter-WD - Вид рейтинга для UcozCenter-WD - Вид рейтинга для UcozCenter-WD - Вид рейтинга для UcozCenter-WD - Вид рейтинга для UcozCenter-WD - Вид рейтинга для UcozCenter-WD - Вид рейтинга для UcozCenter-WD - Вид рейтинга для UcozCenter-WD - Вид рейтинга для Ucoz

Рейтинг с количеством голосов

Center-WD - Вид рейтинга для UcozДля того, что бы выделиться из серой массы можно указать количество пользователей которые проголосовали за материал. Для установки данного решения необходимо прописать CSS стили:
Код
/*----- Вывод количества голосов в рейтинге -----*/  
  #rated {display:block;height:29px; margin-top: -6px;}  
  .u-star-rating-16 { display:block; width: 80px; float:left; margin-top: 8px; height: 17px;}
  #nvotes {margin:2px 0 0 7px;background:url('http://center-wd.ru/blog-materials/88/icon/vot_ico_r.png') no-repeat top right; float: left; display:inline-block;height:27px;padding-right:6px;}  
  #nvotes span {background:url('http://center-wd.ru/blog-materials/88/icon/vot_ico_l.png') no-repeat top left; float: left; display:block;height:27px;color:#6a6a6a;font:normal 11px/25px Tahoma,Arial,Verdana;padding:0 5px 0 13px;}  
/*----- Сергей Князев -----*/  

После чего необходимо вставить в нужное место следующий код:
Код
<div id="rated">  
  <?$RSTARS$('16','http://center-wd.ru/blog-materials/88/rating_star_06.png','1','float')?>  
  <div id="nvotes"><span>$RATED$ голос<?if($RATED$%10=0||$RATED$%10>4||$RATED$%100>10&&$RATED$%100<15)?>ов<?else?><?if($RATED$%10=1)?><?else?>а<?endif?><?endif?></span></div>  
  </div>  
Иконки для этого решения также находятся в архиве.

На этом всё. Читайте мой блог и делайте свой сайт уникальным.
Нашли ошибку в тексте?
Выделите её и нажмите Ctrl+Enter. Сообщая мне об ошибке вы помогаете сделать мой блог лучше.
Автор материала
Сохраните в социальную сеть
Комментарии (2)
Чтобы оставить комментарий под этой публикацией,
зарегистрируйтесь или войдите.
Иван Петров 04.12.2017 в 21:01Спам
Как по мне Ucoz не совсем удобная платформа, но очень часто встречаются сайты на ней. Значит все таки востребована некоторыми любителями. Подробная установка рейтинга для шаблона, грамотно расписано и понятно. Спасибо, что есть энтузиасты, которые могут разъяснить некоторые нюансы.
1
Соглашусь с вами. Сам ушёл с ucoz из за неудобства
0