Как правильно использовать дизайн моей темы (стиля) и значки на веб-сайте jQuery Mobile?

Question

jQuery mobile имеет 5 встроенных тем

http://jquerymobile.com/demos/1.0a4.1/#docs/toolbars/../../docs/api/themes.html

Но дизайн мобильного сайта, который я делаю, отличается, иконки тоже разные.

Как и где написать собственный CSS и изменить значок по умолчанию на пользовательский значок?

Должен ли я выбрать CSS-код какой-либо темы по умолчанию и внести в него изменения?

Должен ли я заменить значки по умолчанию на мои значки, чтобы сохранить то же имя?

Answer 1

Я бы не стал вносить изменения в основной файл CSS jQM, вместо этого переопределил бы то, что вы хотите в своем собственном CSS. Для тем нужно свернуть свои собственные следующим образом:

Новый инструмент ThemeRoller будет запущен с выпуском jQuery Mobile 1.0 в 2011 году. Тем временем, просто вручную отредактировать базовые образцы в теме по умолчанию и / или добавить дополнительные образцы, отредактировав файл css темы: скопировать блок стилей образцов, переименуйте классы с новым именем буквы образца и настройте цвета.

http://jquerymobile.com/demos/1.0a4.1/docs/api/themes.html

… и для пользовательских значков кнопок, вот что говорит документация:

Чтобы использовать пользовательские значки, укажите значение значка данных с уникальным именем, например myapp-email, и плагин кнопки сгенерирует класс, добавив префикс ui-icon- к значению data-icon и применив его к кнопке. Затем вы можете написать правило CSS, предназначенное для класса ui-icon-myapp-email, чтобы указать фоновый источник значка. Чтобы обеспечить визуальную согласованность, создайте белый значок 18x18 пикселей, сохраненный в формате PNG-8 с альфа-прозрачностью.

http://jquerymobile.com/demos/1.0a4.1/docs/buttons/buttons-icons.html