Рейтинг материалов в пять звезд на uCoz
Оценивая по праву тот или иной материал, мы формируем общую оценку, которая в последующем помогает новым читателям получить какие-то начальные сведения о полезности статьи.
Оценка 5 из 5 означает, что автор постарался и предоставил действительно полезный материал, на который стоит обратить внимание.
В uCoz предусмотрен рейтинг, а как сделать его в виде звезд или любого вашего изображения, я сейчас расскажу.
Для настройки рейтинга мы будем использовать код:
<?$RSTARS$("30", "/stars.png", "1", "float")?>
Этот код необходимо вставить в вид материалов модуля или же в дизайн страницы материала и комментариев к нему.
Теперь я более подробно поясню написанную ранее конструкцию.
1. «30» – это стороны квадрата (изображения одной звезды) в пикселях.
2. «/stars.png» – полный путь до изображения.
3. «1» – параметр, отвечающий за включение/отключение возможности оценивания материала. Возможные значения: 1 – оценка разрешена, 0 – возможен только просмотр рейтинга.
4. «float» – тип округления рейтинга. Возможные значения: half – округление до половины, float – точно до десятых, int – только целые звезды.
Что касается изображения, то вам не нужно рисовать все пять звезд, а достаточно нарисовать 1 звезду (или другое ваше изображения) для трех вариантов:
Где первая звезда – вид неактивной звезды, вторая – вид звезды при наведении, и третья – вид звезды в оцененном состоянии.
Как вы поняли, если одна звезда у вас 30x30 px – то вам нужно нарисовать изображение 30x90 px.
Для примера: в конце этой статьи приложен архив с одним набором звезд, который вы можете использовать на своих проектах (не забываем поблагодарить автора).