jQuery UI テーマには少し飽き飽きしています。
少し滑らかに見える無料のサードパーティのテーマはありますか?
1304 次
5 に答える
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 に答える
2
私の個人的なスタイルに沿った代替案の1つは、jQueryUIの「Aristo」です。
リンクを参照してください！
デモをご覧ください！
GitHubをご覧ください！
それにもかかわらず、 jQuery UI ThemeRollerによって提供されるテーマは、ユーザーが独自のテーマを作成するための開始点としてのみ意図されていました。
于 2012-05-09T12:38:09.170 に答える
0
これをチェックしてください：
于 2011-07-06T20:24:23.637 に答える
0
Twitter はブートストラップと呼ばれるものをリリースしました。これは、自動的に調整されるさまざまな画面サイズの画面に要素をきれいに配置するのに役立ちます。.より洗練された種類のテーマが必要なため。ツイッターのブートストラップを試す
于 2012-05-03T09:55:39.703 に答える
0
Wijmoを試してみてください。優れた jquery ui テーマはほとんどありません。
于 2012-06-10T01:50:30.847 に答える