JQuery ThemeRoller пользовательская тема дальнейшая настройка - PullRequest
Новая
       8

JQuery ThemeRoller пользовательская тема дальнейшая настройка

0 голосов
/ 22 октября 2010

Я создал собственную тему с ThemeRoller. Теперь я хотел бы настроить флажки так, чтобы их активное состояние отличалось от цвета «активируемого щелчком», который был выбран в ThemeRoller. Несмотря на просмотр различных файлов CSS, предоставляемых пользовательской темой, я не могу на всю жизнь понять, как это сделать. Я даже не могу найти, где хранятся пользовательские цвета. Пожалуйста, может какая-нибудь добрая душа скажет мне, как это сделать? Спасибо !!

1 Ответ

1 голос
/ 22 октября 2010 
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active {
  border: 1px solid #aaaaaa/*{borderColorActive}*/;
  background: #cccccc/*{bgColorActive}*/ url(images/ui-bg_glass_65_ffffff_1x400.png)/*{bgImgUrlActive}*/ 50%/*{bgActiveXPos}*/ 50%/*{bgActiveYPos}*/ repeat-x/*{bgActiveRepeat}*/;
  font-weight: normal/*{fwDefault}*/;
  color: #212121/*{fcActive}*/;
}

Можно найти в:

  • комплект разработки / themes / base / jquery.ui.theme.css

или

  • Комплект разработки / themes / custom-theme / jquery-ui-1.8.5.custom.css
  • Комплект разработки / themes / custom-theme / jquery.ui.theme.css

Когда вы используете ThemeRoller для создания своей пользовательской темы, она генерирует изображение development-bundle / themes / custom-theme / images / ui-bg_glass_65_ffffff_1x400.png , где ffffff заменяется наваш собственный цвет "Clickable: активное состояние".Проблема, с которой вы можете столкнуться, заключается в том, что, поскольку это изображение генерируется на лету (для предоставления текстуры), вы должны изменить цвет фона, а также:

  • удалить фоновое изображение (не дает вам текстурыи сплошной цвет)
  • создайте свое собственное фоновое изображение
  • регенерируйте изображение в новой теме и добавьте его в каталог изображений

В соответствии свеб-сайт, флажок будет реализован как часть jQuery UI 1.9.http://jqueryui.com/development

ThemeRoller, вероятно, использует самую последнюю стабильную версию (jQuery UI 1.8.5).

...