2010-10-22 25 views
0

我用ThemeRoller创建了自定义主题。我现在想定制复选框,以使它们的活动状态与ThemeRoller中选择的“可点击:活动状态”不同。尽管通过自定义主题提供的各种CSS文件,我无法为我的生活制定出如何做到这一点。我甚至无法找到自定义颜色的存储位置。请能有一些灵魂告诉我该怎么做?谢谢!!JQuery ThemeRoller自定义主题进一步定制

回答

1
.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}*/; 
} 

这是发现:

  • 发展束/主题/碱/ jquery.ui.theme.css

  • 发展束/主题/定制主题/ jquery-ui-1.8.5.custom.css
  • development-bundle/the MES /自定义主题/ jquery.ui.theme.css

当您使用的ThemeRoller来创建自定义主题,它生成的图像发展束/主题/自定义主题/图片/ UI-bg_glass_65_ffffff_1x400。 png,其中ffffff将替换为您的自定义“可点击:活动状态”颜色。您可能会遇到的问题是,由于在飞行(提供纹理)产生这个形象,你必须改变背景颜色,也可以:

  • 删除背景图像(让你没有质感纯色)
  • 让自己的背景图片
  • 在一个新的主题再生图像并将其添加到图像目录

据该网站,复选框将被实现为jQuery UI的1.9的一部分。 http://jqueryui.com/development

ThemeRoller可能使用最新的稳定版本(jQuery UI 1.8.5)。

+0

JQuery-ui-1/development-bundle/demo/button/checkbox.html – Bazley 2010-10-22 19:21:38

+0

为了确保我们唱出相同的歌曲表,我从那里取了代码。 – Bazley 2010-10-22 19:22:14

+0

这是不是表示它已经被执行? – Bazley 2010-10-22 19:22:48