Я пытаюсь создать свое собственное изображение звезды, которое немного меньше и отличается по стилю от представленного в гем / плагине, но у Ajaxful_rating нет простого способа сделать это. Вот что я понял до сих пор:
- Файл stars.png в общедоступной папке состоит из трех листов размером 25x25 пикселей, расположенных вертикально, упорядоченной пустой звезды, нормальной звезды и наведенной звезды.
- Я предполагаю, что пока вы сохраняете вышеуказанные ограничения, у вас все будет в порядке, не изменяя другие файлы.
- Но что, если вы хотите изменить размер изображения звезд на больший или меньший?
Я нашел, где вы можете изменить высоту в таблицах стилей / ajaxful_rating.css
.ajaxful-рейтинг {
положение: относительное;
/ * ширина: 125 пикселей; это устанавливается динамически * /
высота: 25 пикселей;
переполнение: скрытое;
стиль списка: нет;
поле: 0;
отступы: 0;
background-position: слева вверху;
}
.ajaxful-rating li {дисплей: встроенный; }
.ajaxful-рейтинг а,
.ajaxful-рейтинг диапазона,
.ajaxful-rating .show-value {
положение: абсолютное;
верх: 0;
слева: 0;
текстовый отступ: -1000em;
высота: 25 пикселей;
высота строки: 25 пикселей;
контур: нет;
переполнение: скрытое;
граница: нет;
}
Вам просто нужно поменять каждое место с надписью "25px" на любую высоту вашего нового изображения звезды. Это работает нормально, но не отображает горизонтальную часть правильно. Кто-нибудь знает, где я мог бы установить горизонтальную часть? (Я предполагаю, что это где-то в файле .rb, основываясь на том, сколько звезд вы указали в настройке ajaxful_rating)