Prototype'sBlogMediaGraphicsClipart ПОДПИСАТЬСЯ
 
17
09
2019
uCoz Entry Rating Icons
uCoz Entry Rating Icons
Все владельцы сайтов юКоза уже знакомы с системой рейтинга материалов. Вот наглядный пример:

Код: <?$RSTARS$('30','http://prototype.ucoz.ua/icons/rating/estars30.png','1','float')?>
Давайте разберем, что же значит этот код?
  • $RSTARS$ - это и есть вызов функции ротатора, его не изменяем
  • 30 - это длина и ширина одной фигуры, фигуры обязаны быть квадратными (в юКозе работают следующие стандарты: 12, 20, 30, 46)
  • http://prototype.ucoz.ua/icons/rating/estars30.png - путь к картинке, на которой изображены фигуры (подробности ниже)
  • 1 - разрешение участвовать в рейтинге (1 - можно менять рейтинг, 0 - рейтинг доступен только для просмотра)
  • float - точность заполнения фигур (float - с точностью до десятой части фигуры, half - половины фигуры, int - фигуры целиком)
Итак, мы разобрались, как настраивать вывод рейтинга картинками. Но откуда взять сами картинки? Как они создаются?

Устроено это следующим образом: создается картика, ширина которой ровно в три раза меньше высоты. Она разбивается на три равных квадрата, в каждом квадрате расположена фигурка: вверху - незаполненная, в середине - заполненная, внизу - активная (которая будет показана при наведении курсора). То есть, приведенный выше рейтинг состоит из следующей картинки:

entry stars rating

В юКозе уже есть стандартные наборы иконок для рейтинга:

ДемоДоступные Размеры
<?$RSTARS$('12','http://src.ucoz.net/img/stars/1/12.png','1','float')?>
<?$RSTARS$('20','http://src.ucoz.net/img/stars/1/20.png','1','float')?>
<?$RSTARS$('30','http://src.ucoz.net/img/stars/1/30.png','1','float')?>
<?$RSTARS$('46','http://src.ucoz.net/img/stars/1/46.png','1','float')?>
<?$RSTARS$('12','http://src.ucoz.net/img/stars/2/12.png','1','float')?>
<?$RSTARS$('20','http://src.ucoz.net/img/stars/2/20.png','1','float')?>
<?$RSTARS$('30','http://src.ucoz.net/img/stars/2/30.png','1','float')?>
<?$RSTARS$('46','http://src.ucoz.net/img/stars/2/46.png','1','float')?>
<?$RSTARS$('12','http://src.ucoz.net/img/stars/3/12.png','1','float')?>
<?$RSTARS$('20','http://src.ucoz.net/img/stars/3/20.png','1','float')?>
<?$RSTARS$('30','http://src.ucoz.net/img/stars/3/30.png','1','float')?>
<?$RSTARS$('46','http://src.ucoz.net/img/stars/3/46.png','1','float')?>
<?$RSTARS$('12','http://src.ucoz.net/img/stars/4/12.png','1','float')?>
<?$RSTARS$('20','http://src.ucoz.net/img/stars/4/20.png','1','float')?>
<?$RSTARS$('30','http://src.ucoz.net/img/stars/4/30.png','1','float')?>
<?$RSTARS$('46','http://src.ucoz.net/img/stars/4/46.png','1','float')?>
<?$RSTARS$('12','http://src.ucoz.net/img/stars/5/12.png','1','float')?>
<?$RSTARS$('20','http://src.ucoz.net/img/stars/5/20.png','1','float')?>
<?$RSTARS$('30','http://src.ucoz.net/img/stars/5/30.png','1','float')?>
<?$RSTARS$('46','http://src.ucoz.net/img/stars/5/46.png','1','float')?>
<?$RSTARS$('12','http://src.ucoz.net/img/stars/6/12.png','1','float')?>
<?$RSTARS$('20','http://src.ucoz.net/img/stars/6/20.png','1','float')?>
<?$RSTARS$('30','http://src.ucoz.net/img/stars/6/30.png','1','float')?>
<?$RSTARS$('46','http://src.ucoz.net/img/stars/6/46.png','1','float')?>
<?$RSTARS$('12','http://src.ucoz.net/img/stars/7/12.png','1','float')?>
<?$RSTARS$('20','http://src.ucoz.net/img/stars/7/20.png','1','float')?>
<?$RSTARS$('30','http://src.ucoz.net/img/stars/7/30.png','1','float')?>
<?$RSTARS$('46','http://src.ucoz.net/img/stars/7/46.png','1','float')?>
<?$RSTARS$('12','http://src.ucoz.net/img/stars/8/12.png','1','float')?>
<?$RSTARS$('20','http://src.ucoz.net/img/stars/8/20.png','1','float')?>
<?$RSTARS$('30','http://src.ucoz.net/img/stars/8/30.png','1','float')?>
<?$RSTARS$('46','http://src.ucoz.net/img/stars/8/46.png','1','float')?>
<?$RSTARS$('12','http://src.ucoz.net/img/stars/9/12.png','1','float')?>
<?$RSTARS$('20','http://src.ucoz.net/img/stars/9/20.png','1','float')?>
<?$RSTARS$('30','http://src.ucoz.net/img/stars/9/30.png','1','float')?>
<?$RSTARS$('46','http://src.ucoz.net/img/stars/9/46.png','1','float')?>
<?$RSTARS$('12','http://src.ucoz.net/img/stars/10/12.png','1','float')?>
<?$RSTARS$('20','http://src.ucoz.net/img/stars/10/20.png','1','float')?>
<?$RSTARS$('30','http://src.ucoz.net/img/stars/10/30.png','1','float')?>
<?$RSTARS$('46','http://src.ucoz.net/img/stars/10/46.png','1','float')?>
<?$RSTARS$('12','http://src.ucoz.net/img/stars/11/12.png','1','float')?>
<?$RSTARS$('20','http://src.ucoz.net/img/stars/11/20.png','1','float')?>
<?$RSTARS$('30','http://src.ucoz.net/img/stars/11/30.png','1','float')?>
<?$RSTARS$('46','http://src.ucoz.net/img/stars/11/46.png','1','float')?>
<?$RSTARS$('12','http://src.ucoz.net/img/stars/12/12.png','1','float')?>
<?$RSTARS$('20','http://src.ucoz.net/img/stars/12/20.png','1','float')?>
<?$RSTARS$('30','http://src.ucoz.net/img/stars/12/30.png','1','float')?>
<?$RSTARS$('46','http://src.ucoz.net/img/stars/12/46.png','1','float')?>

В придачу к ним я собрал собственную коллекцию иконок, которую можно скачать с сервера чуть ниже.

ДемоДоступные Размеры
<?$RSTARS$('12','http://prototype.ucoz.ua/icons/rating/cstars12.png','1','float')?>
<?$RSTARS$('16','http://prototype.ucoz.ua/icons/rating/cstars16.png','1','float')?>
<?$RSTARS$('20','http://prototype.ucoz.ua/icons/rating/cstars20.png','1','float')?>
<?$RSTARS$('24','http://prototype.ucoz.ua/icons/rating/cstars24.png','1','float')?>
<?$RSTARS$('30','http://prototype.ucoz.ua/icons/rating/cstars30.png','1','float')?>
<?$RSTARS$('46','http://prototype.ucoz.ua/icons/rating/cstars46.png','1','float')?>
<?$RSTARS$('12','http://prototype.ucoz.ua/icons/rating/dstars12.png','1','float')?>
<?$RSTARS$('16','http://prototype.ucoz.ua/icons/rating/dstars16.png','1','float')?>
<?$RSTARS$('20','http://prototype.ucoz.ua/icons/rating/dstars20.png','1','float')?>
<?$RSTARS$('24','http://prototype.ucoz.ua/icons/rating/dstars24.png','1','float')?>
<?$RSTARS$('30','http://prototype.ucoz.ua/icons/rating/dstars30.png','1','float')?>
<?$RSTARS$('46','http://prototype.ucoz.ua/icons/rating/dstars46.png','1','float')?>
<?$RSTARS$('12','http://prototype.ucoz.ua/icons/rating/estars12.png','1','float')?>
<?$RSTARS$('16','http://prototype.ucoz.ua/icons/rating/estars16.png','1','float')?>
<?$RSTARS$('20','http://prototype.ucoz.ua/icons/rating/estars20.png','1','float')?>
<?$RSTARS$('24','http://prototype.ucoz.ua/icons/rating/estars24.png','1','float')?>
<?$RSTARS$('30','http://prototype.ucoz.ua/icons/rating/estars30.png','1','float')?>
<?$RSTARS$('46','http://prototype.ucoz.ua/icons/rating/estars46.png','1','float')?>
<?$RSTARS$('12','http://prototype.ucoz.ua/icons/rating/fstars12.png','1','float')?>
<?$RSTARS$('16','http://prototype.ucoz.ua/icons/rating/fstars16.png','1','float')?>
<?$RSTARS$('20','http://prototype.ucoz.ua/icons/rating/fstars20.png','1','float')?>
<?$RSTARS$('24','http://prototype.ucoz.ua/icons/rating/fstars24.png','1','float')?>
<?$RSTARS$('30','http://prototype.ucoz.ua/icons/rating/fstars30.png','1','float')?>
<?$RSTARS$('46','http://prototype.ucoz.ua/icons/rating/fstars46.png','1','float')?>
<?$RSTARS$('12','http://prototype.ucoz.ua/icons/rating/kstars12.png','1','float')?>
<?$RSTARS$('16','http://prototype.ucoz.ua/icons/rating/kstars16.png','1','float')?>
<?$RSTARS$('20','http://prototype.ucoz.ua/icons/rating/kstars20.png','1','float')?>
<?$RSTARS$('24','http://prototype.ucoz.ua/icons/rating/kstars24.png','1','float')?>
<?$RSTARS$('30','http://prototype.ucoz.ua/icons/rating/kstars30.png','1','float')?>
<?$RSTARS$('46','http://prototype.ucoz.ua/icons/rating/kstars46.png','1','float')?>
<?$RSTARS$('12','http://prototype.ucoz.ua/icons/rating/lstars12.png','1','float')?>
<?$RSTARS$('16','http://prototype.ucoz.ua/icons/rating/lstars16.png','1','float')?>
<?$RSTARS$('20','http://prototype.ucoz.ua/icons/rating/lstars20.png','1','float')?>
<?$RSTARS$('24','http://prototype.ucoz.ua/icons/rating/lstars24.png','1','float')?>
<?$RSTARS$('30','http://prototype.ucoz.ua/icons/rating/lstars30.png','1','float')?>
<?$RSTARS$('46','http://prototype.ucoz.ua/icons/rating/lstars46.png','1','float')?>
<?$RSTARS$('12','http://prototype.ucoz.ua/icons/rating/pstars12.png','1','float')?>
<?$RSTARS$('16','http://prototype.ucoz.ua/icons/rating/pstars16.png','1','float')?>
<?$RSTARS$('20','http://prototype.ucoz.ua/icons/rating/pstars20.png','1','float')?>
<?$RSTARS$('24','http://prototype.ucoz.ua/icons/rating/pstars24.png','1','float')?>
<?$RSTARS$('30','http://prototype.ucoz.ua/icons/rating/pstars30.png','1','float')?>
<?$RSTARS$('46','http://prototype.ucoz.ua/icons/rating/pstars46.png','1','float')?>
<?$RSTARS$('12','http://prototype.ucoz.ua/icons/rating/rstars12.png','1','float')?>
<?$RSTARS$('16','http://prototype.ucoz.ua/icons/rating/rstars16.png','1','float')?>
<?$RSTARS$('20','http://prototype.ucoz.ua/icons/rating/rstars20.png','1','float')?>
<?$RSTARS$('24','http://prototype.ucoz.ua/icons/rating/rstars24.png','1','float')?>
<?$RSTARS$('30','http://prototype.ucoz.ua/icons/rating/rstars30.png','1','float')?>
<?$RSTARS$('46','http://prototype.ucoz.ua/icons/rating/rstars46.png','1','float')?>
<?$RSTARS$('12','http://prototype.ucoz.ua/icons/rating/stars12.png','1','float')?>
<?$RSTARS$('16','http://prototype.ucoz.ua/icons/rating/stars16.png','1','float')?>
<?$RSTARS$('20','http://prototype.ucoz.ua/icons/rating/stars20.png','1','float')?>
<?$RSTARS$('24','http://prototype.ucoz.ua/icons/rating/stars24.png','1','float')?>
<?$RSTARS$('30','http://prototype.ucoz.ua/icons/rating/stars30.png','1','float')?>
<?$RSTARS$('46','http://prototype.ucoz.ua/icons/rating/stars46.png','1','float')?>

А также уникальные иконки, доступные лишь в одном из размеров:

12px
16px
20px
category Clipart views 2642 downloads 91 user Prototype tags Rating, ucoz, icons, entry rating
Similar files:

Shizuku
0 good bad Spam
Shizuku (02.12.11 08:52)
0 good bad Spam
Zauberweber (06.10.12 01:48)
http://s018.radikal.ru/i507/1210/2e/0bdbb640147d.png
0 good bad Spam
Кит (11.11.12 08:24)
Крутики!!!
Shizuku, я у тебя стырю одну, которая розовая в центре...
А вот еще если надо http://s019.radikal.ru/i605/1211/44/e4a70201fd24.gif