Vista風ナビゲーションバーの作り方 / ウェブデザインライブラリー
投稿日：2008年1月22日 レベル：初心者 ソフトウェア： Step1 ： 新規ファイルを作成 Step2 ： 480px × 30px Step3 ： 角丸 Step4 ： 色の設定 Step5 ： レイヤースタイルを適用 Step6 ： 上部を選択 Step7 ： グラデーション設定 Step8 ： 不透明度設定 Step9 ： 一行選択ツール Step10 ： 選択範囲を反転 Step11 ： 光沢の設定 Step12 ： ロールオーバー効果 Step13 ： テキストリンク追加 Step14 ： 完成
使えるCSSメニューいろいろ:phpspot開発日誌
使えるCSSメニューいろいろ 1. Advanced CSS Navigation Menu Example まず、ホバー時以外は文字をぼやかせるCSSメニュー。 次のようにマウスホバー時は文字がクッキリするメニューのサンプルです。 JavaScript レスで実装できるので JavaScript なしがいいという方にはオススメ。 ただし、動かないブラウザもあるようなので注意が必要ですね。 2. Suckerfish Dropdowns - Perciformes! 次にCSSとJSで階層メニュー。やはりこのＵＩは直感的に操作できますね。 類似：CSSのみでクールな階層メニュー作成サンプル、CSSベースの階層メニュー作成ライブラリ 他にも色々と掲載されています メニュー関連エントリ PHP＆CSSで動的にドロップダウンメニュー作成 ドラッグ＆ドロップで描画して好きなHTMLレイアウトを作成
CSSのみでスライドメニュー作成
CSS MENUS › CSS only fly-out menus - further examples Date : 11th June 2006 For all modern browsers This demo is too wide for your mobile screen. Please view on a tablet or PC. Menu #1 Home Products Mobiles Photoframes Tripods Memory cards Cameras SLRs Compact Digital Video Camcorders Accessories Services Photography Video editing Web site Design and Hosting Reference guides Tutorials Contact us S
CSSメニュー生成
'; h += 'Select all of the HTML text below and place in the pages you wish to use the menu in. Select HTML'; h += ' '; h += ''; h += ''; h +=''; cssWin.document.write(h); cssWin.document.close(); cssWin.document.getElementById('tbcss').value=menuCSSText(); cssWin.document.getElementById('tbhtml').value=menuHTML(); return false; } function menuCSSText() { var strCSS=cssvm.cssText().toLowerCase(); s
CSSで作成されたサイトのメニューサンプル集:phpspot開発日誌
Designrific - Mostafa Mourad from Egypt - Blog: 71 CSS menus for free CSSで作成されたサイトのメニューサンプル集。 サイトのデザインにとってメニュー部分は重要な箇所になってきます。そのメニュー部分のサンプル集。 多くのリソースから自分の作りたいサイトにあったナビゲーションを選んで使えますね。 11 CSS navigation menus 12 more CSS Navigation Menus. 14 Free Vertical CSS Menus 2-level horizontal navigation Absolute Lists Accessible Image-Tab Rollovers ADxMenu A drop-down theme Bookend Lists Bulletproof Slants C
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
オンラインで高性能なCSSのナビゲーションが作成できる -QuickMenu
Blogger
CSSMENUMAKER.COM