2011-10-09 30 views
11

jQuery-UIを使用してtabsをマイページに追加しました。追加した後、タブのフォントサイズとタブの幅と高さが大きすぎます私のページのために。私はフォントのサイズとタブの幅と高さを変更したいと思います。どうやってするの?jQuery-UIタブのフォントサイズとタブ幅と高さを変更する方法

+0

マニュアルページは、jQueryのUIのタブプラグインは色や背景のテクスチャを含め、その外観をスタイルと感じるようにjQueryのUI CSSフレームワークを使用しています」と言う、我々は。 ThemeRollerツールを使用して、作成して維持しやすいカスタムテーマを作成してダウンロードすることをおすすめします。 "私はそれを調べるだろう。 – Nanne

+2

こちらをご覧くださいhttp://keith-wood.name/uiTabs.html –

+0

これらの回答はあなたのために働いていますか?もしそうなら、答えとしてそれを受け入れてください。 – Tass

答えて

24

あなたはjQuery UI ThemeRollerに移動して、独自のテーマを作成したり、プリセットを変更し、この

.ui-tabs .ui-tabs-nav li a {font-size:7pt !important;} 
+0

グッドポイントマン! +1 –

+0

しかし、あなたのページに2つ以上のタブウィジェットがある場合、それらのすべてに影響します。 – Sathesh

+0

それは私を助けました、ありがとう... – beegees

1

のようなCSSクラスでそれを変更する必要があります。右側の「フォント設定」の下に、フォントサイズを変更するオプションがあります。タブのサイズについては

ThemeRoller Font Settings

、あなたがダウンロードしたのjQuery UIパッケージに付属のCSSファイルを見てください。 jQueryのUIのタブのセレクタを検索し、パディングプロパティを編集します。

.ui-tabs .ui-tabs-nav li a { float: left; padding: .5em 1em; text-decoration: none; } 
関連する問題