CSSで組んだドロップダウンメニューとトグルメニューを両立させたレスポンシブなメニューの作り方【コピペでOK】 - Yukihy Life

12/07：その他のカスタマイズを充実させました。 以前、グローバルメニューとトグルメニューを両立してレスポンシブスタイルにするメニューバーを作りました。 以前の記事 www.yukihy.com このメニューバー、CSSを勉強したてに作ったものなので、若干の不満な点などが残ったりしていました。例えば「タイトル下」の部分に広告を入れるとトグルメニューのときにデザインが崩れたりすることです。 また、メニューバーにドロップダウンメニューにできないかとのご質問もいただいたので、合わせて修正版のやり方を記事にしたいと思います。 はてなブログ向けですが、全く同じコードで他のブログサービスでも使えるのではないかと思います。 カスタマイズを行う際は、必ず以前のコードをメモ帳などにバックアップをとっておくようにしてください。 実装図 注意点 カスタマイズ CSS HTML&jQuery HTMLの中にリン

[ftmaccho]

ブログ更新！

[pidakaparuna]

ありがとうございます！！！本当に助かりました！

[nututenpura]

参考にさせていただきました

[kng19120518pk]

めちゃくちゃわかりやすいです。参考にさせていただきます！

[musabetu-poipoi]

コピペでOKに救われます。ありがとうございます！

[oshaberiitboy]

jquery-1.9.1だとバージョンが古すぎてメニューが表示されなくなる可能性あり。これから導入する人は最新バージョンにしておこう。

[hututuka]

とてもわかりやすいです！

[Koh_Phi_Phi333]

ドロップダウンメニューで大変お世話になりました。

[hitomishiriman]

やっとカスタマイズ終わった！この記事超お役立ち。

[eluku]

使わせていただきます。ありがとうございます。

[panai2016]

ありがとうございます。助かりました！

[fishstory_tb]

利用させて頂きます！

[juno1123]

グローバルメニュー実装したくて探してました

[doubleM]

あとで実装

[dangotan]

探していたものが見つかりました！ありがとうございます！

[hana3hana]

今度やってみます

[ok723]

お洒落！使わせて頂きますー！

[hitode99]

今日はこれやろっかなー

[mataro1]

いつもながらありがとうございます！

[Daisuke-Tsuchiya]

いつもお世話になりまくってます！！

[mayoi_inu]

相変わらずのクオリティ。ここ見に来るたびにカスタマイズしようしようと思いつつやってない。今年中になにか手をつけよう。

[masayoshinym]

ドロップダウンメニューとトグルメニュー。

[Haku2014]

ブログ用メニューバーの作り方、コピペで導入できるそうです。

[degucho]

こんなに書かないといけなくてよく使われるならtoggleタグが用意されるからulやselectのCSS指定でできるようになるのがスジではないかなあ。W3Cに提案とかないのかな。

[topazin]

参考になりそう^o^

[dai5m]

ありがとうございます！めちゃめちゃ参考にします＿！！

[wiz7]

プルダウン

[warorince]

すごい！これめちゃくちゃやりたい