Тема JQuery UI
Все Jquery UI плагин позволяет разработчикам легко интегрировать виджетов пользовательского интерфейса, чтобы выглядеть и чувствовать себя их сайтов или приложений. Каждый виджет определяется стилями CSS, и содержит два информацию о стиле: стандартные Jquery UI CSS рамочные стилей и конкретный плагин стиле.
JQuery UI основы CSS обеспечивает семантическую представление класса, чтобы указать на роль малых составных элементов, таких как заголовок, содержание, или интерактивными области. Они согласуются во всех мелких деталей, а вкладка интерактивными (закладка), аккордеон (баян) или (кнопка) имеют один и тот же ui-state-default , класс, чтобы показать , что они являются интерактивными а. Когда пользователь парит в верхней части этих элементов, класс становится ui-state-hover , то эти элементы становятся избранными в ui-state-active . Класс консистенции делает внешний вид последовательное выполнение всех элементов или компонентов, имеющих аналогичную роль в состоянии взаимодействия.
стиль CSS кадр инкапсулируется в отдельном файле, названный ui.theme.css . Этот файл через ThemeRoller приложение для редактирования. Стиль рамки содержит только влияют на внешний вид и свойства, до тех пор, как цвета, фоновые изображения, значки и так далее. Так что это "безопасный" стиль, это не повлияет на функцию подключаемого модуля. Такое разделение означает , что разработчики могут использовать в theme.css изменять цвет и графические файлы , чтобы создать пользовательский внешний вид. Поскольку будущее плагинов или исправления ошибок будут доступны, и они могут быть использованы без изменений по теме.
Так как стиль обложка рама только выглядеть и чувствовать себя, поэтому она должна включать в себя конкретные плагин таблицы стилей, эти таблицы стилей включают в себя все дополнительные виджеты позволяют функциональные правила структуры типа, такие как размер, отступы, поля, позиционирование, с плавающей точкой. Каждый виджет таблицы стилей themes/base папка, и с именем плагина, такие как "jquery.ui.accordion.css". Эти образцы должны быть тщательно отредактированы сценарии, поскольку они обеспечивают основу, охватывающую стили вместе.
Мы рекомендуем всем разработчикам создавать плагин JQuery, JQuery UI рамки CSS облегчает конечным пользователям использовать пользовательские темы и плагины.
Тематизация
Вот три виджета JQuery UI, относящегося к общей методике:
- Скачать ThemeRoller темы: сначала создать тему, чтобы использовать ThemeRoller для создания и загрузки темы. Это приложение создаст новый
ui.theme.cssфайл и содержит все необходимые фоновые изображения и иконки спрайтimagesпапки. Этот метод является первым, чтобы создать и поддерживать тему пути, но варианты она обеспечивает ограниченную ThemeRoller обычай. - Изменение файла CSS: В целях дальнейшего внешний вид и элементы управления, вы можете выбрать из темы по умолчанию (Сглаживание) начинается, или от одной темы , порожденной ThemeRoller Пуск, а затем настроить
ui.theme.cssфайл, отдельный плагин или любой таблица стилей. Например, вы можете легко регулировать угол радиуса всех кнопок отличается от значений других компонентов пользовательского интерфейса, или использовать пользовательский значок, чтобы изменить путь мастера. Стили варьируются через немного, вы даже можете использовать более одной темы в пользовательском интерфейсе. Для облегчения технического обслуживания, предлагаемые изменения толькоui.theme.cssфайлов и изображений. - Перепишите пользовательский CSS: Для того, чтобы максимально контролировать внешний вид, вы можете снова начать писать на каждом виджете и CSS, без использования сменных рамок классов или конкретной таблицы стилей. Если вы хотите выглядеть и чувствовать себя может быть достигнуто путем изменения CSS или с помощью высоко настраиваемые теги, то вы можете использовать этот метод. Такой подход требует глубокого знания в терминах CSS, и требуют обновления вручную для будущего плагинов.