0

私はjQuery-UIにかなり慣れていませんが、これまでに見たものが大好きです。

私は「blitzer」テーマを使用しており（赤いプログレスバーが必要だったため）、1ページに4つのプログレスバーが並んでいます。今、私のPMは、そのうちの1つを緑色にし、残りよりも大きくしたいと考えています。提供されたテーマCSSを見回しましたが、いじくり回すのに適したタグが見つかりませんでした。サイズ/色の異なる2つのプログレスバーのショートコードを並べて投稿できますか？

ボーナスの質問：PB自体にPBのパーセンテージを印刷するように求められましたが、大したことではありません。div内にラベルを追加しただけです。問題は、ラベルのテキストが白に着色されているため、PBが空または半分空の場合、テキストが非表示になることです。PBの背景色を制御する方法はありますか、それともテーマ内で指定されていますか？

どうもありがとう！
男

4

2 に答える 2

0

これがバーの設定方法なので、バー内のクラスを変更します。

<div class="ui-progressbar ui-widget ui-widget-content ui-corner-all">
   <div style="width: 37%;" class="ui-progressbar-value ui-widget-header ui-corner-left"></div>
</div>

（バッジの下部にあります）

変更ui-progressbarしてui-progressbar-value。

于 2009-08-08T01:19:48.187 に答える
0

トラベリングテックガイ：

jQueryUIダウンロードのcssフォルダーを見ると、テーマフォルダーがあります。私のはui-lightnessと呼ばれ、あなたのはおそらくui-blitzerと呼ばれます。そのフォルダに移動し、次に画像フォルダに移動します。ui-bg_diagonalsそこには、文字とで始まる画像ファイルがいくつかありますui-bg_gloss。これらは、プログレスバーを駆動する画像です。他のステータスバーを駆動する、必要な色の別のテーマの画像を追加できるはずです。

さらに、画像ui-bg_diagonals-thick_20_666666_40x40.pngを参照する.ui-widget-overlayというcssエントリがあります。これは、実際にプログレスバーを駆動する画像だと思います。他のプログレスバーで新しい画像を参照する新しいクラスを追加できるように、cssをハックする必要があります。私はまだそれを行う方法を理解していません。

于 2009-08-08T01:36:05.047 に答える