6

我有点厌倦了 jQuery UI 主题。

有没有看起来更漂亮的免费第 3 方主题?

4

5 回答 5

2

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

链接!

演示!

GitHub!

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

于 2012-05-09T12:38:09.170 回答
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; }

然后随心所欲地改变风格。

于 2012-05-11T14:47:25.603 回答
0

试试维莫。他们很少有好的 jquery ui 主题。

http://wijmo.com/theming/

于 2012-06-10T01:50:30.847 回答
0

Check this out:

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

于 2011-07-06T20:24:23.637 回答
0

Twitter 发布了一个叫做 bootstrap 的东西,它可以帮助你在屏幕上整齐地排列元素,以适应不同的屏幕尺寸自动调整!.因为您需要一种更流畅的主题。试试推特的引导程序

于 2012-05-03T09:55:39.703 回答