Случайный выбор победителя «Вконтакте»   •   Online-инструменты
241 просм
0 комм
Поделиться:

Рейтинг материалов в пять звезд на 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 звезду (или другое ваше изображения) для трех вариантов:

Рейтинг материалов в пять звезд на uCoz

Где первая звезда – вид неактивной звезды, вторая – вид звезды при наведении, и третья – вид звезды в оцененном состоянии.

Как вы поняли, если одна звезда у вас 30x30 px – то вам нужно нарисовать изображение 30x90 px.

Для примера: в конце этой статьи приложен архив с одним набором звезд, который вы можете использовать на своих проектах (не забываем поблагодарить автора).

ФайлРазмерСсылка
0
комментарий
Оставить комментарий:
Нажимая кнопку «Отправить» вы даете согласие на обработку своих персональных данных.
Ваше Имя
Ваш E-mail
Текст комментария