我对jQuery UI主题有点厌倦。
是否有任何免费的第三方主题看起来有点光滑?
答案 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主题。