有没有第三方jQuery UI主题?

时间:2011-07-04 19:17:55

标签: jquery html css jquery-ui jquery-ui-theme

我对jQuery UI主题有点厌倦。

是否有任何免费的第三方主题看起来有点光滑?

5 个答案:

答案 0 :(得分:2)

与我的个人风格相关的另一个选择是jQuery UI的“Aristo”!

请参阅Link!

请参阅Demo!

请参阅GitHub!

尽管如此,jQuery UI ThemeRoller提供的主题仅仅是用户创建自己主题的起点。

答案 1 :(得分:2)

或者使用标准的jquery-ui.css并找出适用于你的部分,例如:如果您只使用制表符,那么只要您使用多个方面,只需抓住所有标签css或更多。因此,例如,如果您只是使用标签部分,请从

中获取这一小部分
.ui-tabs { position: relative; padding: .2em; zoom: 1; } /* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */
.ui-tabs .ui-tabs-nav { margin: 0; padding: .2em .2em 0; }
.ui-tabs .ui-tabs-nav li { list-style: none; float: left; position: relative; top: 1px; margin: 0 .2em 1px 0; border-bottom: 0 !important; padding: 0; white-space: nowrap; }
.ui-tabs .ui-tabs-nav li a { float: left; padding: .5em 1em; text-decoration: none; }
.ui-tabs .ui-tabs-nav li.ui-tabs-selected { margin-bottom: 0; padding-bottom: 1px; }
.ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a,     .ui-tabs .ui-tabs-nav li.ui-state-processing a { cursor: text; }
.ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a { cursor: pointer; } /* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */
.ui-tabs .ui-tabs-panel { display: block; border-width: 0; padding: 1em 1.4em; background: none; }
.ui-tabs .ui-tabs-hide { display: none !important; }

然后根据您的需要改变款式。

答案 2 :(得分:0)

答案 3 :(得分:0)

Twitter发布了一个名为bootstrap的东西,它可以帮助你整齐地排列屏幕中的元素,以便自动调整不同的屏幕尺寸!你需要一个更光滑的主题。Try twitter's bootstrap

答案 4 :(得分:0)

尝试Wijmo。他们几乎没有很好的jquery ui主题。

http://wijmo.com/theming/