CSSでクールなタブUIを作成するサンプル:phpspot開発日誌

OSResources - How to create CSS overlapping tabs? Sometimes simulating a real desktop interface for your web application can be a real challenge, especially when dealing with tabs. CSSでクールなタブUIを作成するサンプル。 次のようなタブUIを作ることが出来ます。 サンプルのCSSを定義しておけば、後は次のようにシンプルなHTMLをコーディングするだけで上記画像のようなタブUIが作れます。 HTMLもクリーン。 <ul class="obtabs"> <li class="first"><span><a href="#">Jack</a></span></li> <li><span><a class="new

[webmarksjp]

*css

[tomono-blog]

タブ

[ma2shita]

ありがとうございます。まさにちょうど、今、欲しかったのです。

[mrnoon]

サンプルのCSSを定義しておけば、後は次のようにシンプルなHTMLをコーディングするだけで上記画像のようなタブUIが作れます。

[sst]

背景画像とborderでタブ型メニュー/文字数によって伸縮可能

[abe_hn]

シンプルできれい

[yanwari]

選択状態のものだけをid=current にする

[svankmajer]

メニュー

[omochist]

これはよいな

[mstk_knife]

やはりタブの実装は<li>か。以前作ったのと同じだけど、こっちの方がスマートかな。

[libkazz]

文房具屋さんに売っているタブっぽいタブUIのCSS。Hackなしだがどのブラウザで有効？

[ishuter2]

またまた発見・・・というかこれくらい知ればもう十分作れそう

[khiker]

すごいなあ, これ.

[xnissy]

そういや某所でfontタグ使ってたな．css使って書き直そう．id="current"か．

[anhelo]

CSSでクールなタブUIを作成するサンプル

[k_ume75]

CSSでクールなタブUIを作成するサンプルの紹介記事

[shozzy]

これはよさげ

[deeen]

タブ作成

[venture]

無意味なspan要素がダメやね。あとcurrentのような状態を表わすものしidじゃなくclassですべきでしょう

[hysteric_cat]

どういう仕組みじゃろかー、画像使ってるならまぁできますが

[gamella]

タブ

[naheta]

web デザイン　CSS　タブ

[klangfarbe]

webデザイン css タブ

[usj12262]

クールなところが新規

[bigwest]

CSSでタブのインターフェイス