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

rating old

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

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

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

rating new

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

rating star

Найти подобные звёздочки можно при помощи Яндекса по запросу "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;
}

__________________________________________________________________________________________________________________

скачать joomla | обновление joomla | модуль joomla | администрирование | seo продвижение | joomla магазиншаблоны сайтов

обратная связь 

При копировании материала ссылка на сайт joomla4.ru обязательна.