【CSS】孫メニューまでオッケーなCSSのプルダウンメニュー | バシャログ。
以前にご紹介した「CSSで実現するプルダウンメニュー」のコメントで、孫メニューまでプルダウンする方法のリクエストをいただきましたので、ご紹介します。 確認ブラウザは IE7、IE8、Firefox3、Chrome2、Opera9、Safari3 です。 CSS のみでは IE6 対応が不可能ですが、前回同様 IE の独自機能（DHTML）を併用することで IE6 でも孫メニューまでのプルダウンメニューを実現しています。 まずは、以下のサンプルをご覧ください。 シーブレイン コーポレート WEBサイト制作 バシャログ。 バシャログ.biz マニュアル制作 Document_blog ペンペケペン ローカライズ 今日のIT英語 検索エンジン Yahoo! Japan Google 画像検索 動画検索 マップ ニュース グループ Goo excite Biglobe 週刊少年漫画 少年ジャンプ
CSSでゲームのような円形メニューを作るサンプル:phpspot開発日誌
Stu Nicholls | CSSplay | A circular menu with circular sub menus CSSでゲームのような円形メニューを作るサンプル。 次のような、可愛い円形メニューが作れます。 アイコンにカーソルを合わせると、「HOME」といったメニュー内容が表示されるため、迷うことなく使えそう。 鉛筆にカーソルを合わせると、追加で２つのアイコンが表示され、次のアクションにいけます。 人型のアイコンにカーソルを合わせると、４つのアイコンが表示。 メールアイコンにあわせると次のアクションとなる４アイコンが表示。 という感じで、なかなかユニークなナビゲーションで、触っているだけでもなんとなく楽しい感じがします。 実装すると、それだけでアイデアの利いたサイトだなぁと思われそう。 こうした枠の幅を最小限にしてすべての項目を見せつつスマートに配置できるという点でＵＩと
Home - Magento Wizard | Lakewood Colorado Magento Web Design, E-Commerce, Online Marketing, SEO
Magento Wizard | Lakewood Colorado Magento Web Design, E-Commerce, Online Marketing, SEO Lakewood Colorado Magento Web Design, E-Commerce, Online Marketing, SEO I am a Magento Certified Developer with over 6 years of experience building and maintaining Magento 1.x/2.x Community and Enterprise editions. With over 20 years’ experience supporting networks, computers support issues, eCommerce websites
CSS技研：ロールオーバーボタンで吹き出しを表示する - builder by ZDNet Japan
カーソルを重ねたときに吹き出しを表示する 今回のサンプルではリンクを設定したボタンにカーソルを重ねると、ボタンの下に吹き出しを表示するように設定した。カーソルの動作によってボタンとは別の場所に何かを表示する場合、一般的にはJavaScriptを利用するが、ここではCSSだけで設定している。 a{ display: block; width: 120px; height: 30px; overflow: hidden; } span{ display: block; width: 193px; height: 112px; background-image: url(home.png); background-repeat: no-repeat; text-indent: -9999px; cursor: pointer; } #movie span{background-image: ur
複雑なCSSレイアウトもサクッと実装できるCSSフレームワーク「emastic」:phpspot開発日誌
emastic - Google Code 複雑なCSSレイアウトもサクッと実装できるCSSフレームワーク「emastic」。 以下はemasticを使ったサンプルレイアウトです。 例えば、次のように書くと、20 : 20 : 30 の比率で３つのブロックが生成されます。 <div class="dr20"> 20 em </div> <div class="dr20"> 20 em </div> <div class="dr30"> 30 em </div> <div class="clear"> </div> 次のようなレイアウトも簡単に作れます。もちろん、クロスブラウザ。 複雑なレイアウトを素早く作りたい場合に使えそうですね。 関連エントリ Yahoo!が提供するレイアウト用CSSライブラリ
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
オンラインでドロップダウン型のナビゲーションを簡単作成 -Pure CSS Menu
Google Code Archive - Long-term storage for Google Code Project Hosting.
CSS Layouts: Grid and CSS Layouts
フォントサイズpx,em,%,pt