YUI TabViewにマットガルビンの"XPスタイル"スキンの適用
エリックMiragliaから14:17時2008年4月11日|中開発 | 3コメントのYUIコミュニティメンバーのマットガルビン簡体複雑さはいくつかに取り組んでいるYUIの新しいスキン 。 彼は、プロセスの早い段階だが、それは彼の作品の長所を取り始めるのは時期尚早ではない-彼は、XPスタイルをテーマに始めて、彼はそれを適用しているYUIボタンコントロールとYUI TabViewコントロール 。
YUI TabViewに彼のXPのスキンを適用する方法は次のとおりです。
- のソース表示TabViewの例"マークアップからビルド"マットスウィーニーのを 、新しいファイルにそのコピーアンドペースト。
- 同じディレクトリに、置いてこの新しいtabs.cssファイルを 。 それは、TabViewの"コアCSS"とマットガルビンのXPのプレゼンテーションのルールで構成されている。
- 例のソースでは、への参照を削除する
<link rel="stylesheet" type="text/css" href="http://yui.yahooapis.com/2.5.1/build/tabview/assets/skins/sam/tabview.css">に置き換えてください<link rel="stylesheet" type="text/css" href="tabs.css">あなたの新しいcssファイルを指す、。 - 例のソースでは、から<body>要素にCSSクラス名を変更
yui-skin-samにyui-skin-xp。 - XPスキンの3つのカスタムイメージをつかんで( 1 、 2 、 3 )と同じディレクトリに置く。
リロード、およびお支払はホテルにて。 ここに適用される同じ治療です標準dyanamic -タブ-コンテンツの例は、 ( 作業例のために、クリックスルー ):
共有および拡張: del.icio.usでブックマーク | Diggそれ! | のreddit!
3コメント
申し訳ありませんが、コメントフォームはこの時点で閉じられます。




テーマ甘い! おかげで、うまく機能
血色の良いコメントby - 2008年9月9日#
yui.simplifiedcomplexity.orgは最近スパムの検索サイトに表示され、皮膚のコピーを最新にしてが見つかる可能性がある任意のアイデア?
コメントby アンディースティーヴンス - 2009年2月11日#
アンディ -
あなたがここにスキンのコピーを見つけることができます。
http://ericmiraglia.com/yui/demos/tabs.css
- エリック
コメントby エリックMiraglia - 2009年2月11日#