Question

我对jQuery UI主题有点厌倦。

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

Answer 1

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

请参阅Link!

请参阅Demo!

请参阅GitHub!

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

Answer 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; }

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

Answer 3

检查出来：

http://www.michaelvanderheeren.be/?p=382

Answer 4

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

Answer 5

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

http://wijmo.com/theming/

有没有第三方jQuery UI主题？

5 个答案: