Рейтинг:  4 / 5

Звезда активнаЗвезда активнаЗвезда активнаЗвезда активнаЗвезда не активна
 

Все мы видели и знаем, что стандартный рейтинг материалов в Joomla выглядит как "лампочка Ильича" на фоне евроремонта.

рейтинг Joomla 2.5

Желание его изменить, у меня возникло когда я делал шаблон для Joomla 2.5
Шаблон получился красивый, но всю картинку портили эти маленькие стрёмненькие кругляшки.

Изменить их не составит труда даже тому кто только что познакомился с Jooml'ой.

Например вот так:

рейтинг материалов Joomla 2.5

Для этого нам понадобиться два избражения со звёздочками. Одна звёздочка с заливкой, другая без заливки.

рейтинг Joomla 2.5

Найти подобные звёздочки можно при помощи Яндекса по запросу "vote icon" или "rating icon", а также на сайте бесплатных иконок findicons.com, или же нарисовать самому в Photoshope.
К уроку я приложил архив с исходниками, можете взять их оттуда.

Конечно необязательно использовать звёздочки, можете найти какие нибудь другие фигуры, например галочки, смайлики и т.п.

Размер иконок примерно 16х16 пикселей, можно и больше, тут на ваш вкус. Уменьшаем тоже в фотошопе или другом графическом редакторе.

После того как ваши иконки готовы переименовываем их в:

rating_star.phg - для залитой иконки,

rating_star_blank.png - для иконки без заливки.

И загружаем в папку ваш_сайт/media/system/images с заменой файлов.
Или же сначала удалите из этой папки старые иконки с такими же именами и потом загрузите туда новые.

Всё, после этого вместо старых кругляшков будут ваши собственные иконки.

Для того чтобы сделать небольшой отступ в чекбоксах для оценки, можно добавить несколько свойств в CSS файл вашего шаблона (обычно это template.css или style.css) Как посмотреть загружаемые файлы на вашем сайте.

.content_vote input {
margin:3px 2px 0 2px;
border:1px solid #ddd; /*  небольшая рамка вокруг чекбоксов, работает в Опере.    */
}

.content_vote input:first-child {
margin:0 0 0 5px;
}

Скачать иконки звёздочек - rating-star.zip

На этом всё.
Всего хорошего!

X

Инструкция по планированию сайта
С чего начать создание сайта?

Инструкция по созданию сайта

  • Инструкция по созданию сайта
  • Шаблон для составления плана сайта
  • Чек-лист по этапам создания сайта

* Никакого спама. Гарантирую!