2018年3月7日のブックマーク (2件)

  • 【備忘録】IT初心者がはてなブログにグローバルナビゲーションメニューを設置してみた話 - ゆらりんDAYS【はてな別館】

    こんにちは!ゆらりんです。 今日は、自分のための備忘録シリーズです。 今まであまりブログのカスタマイズは行っていなかったのですが、何となく自分のブログをみていたところ 見にくい… ということに気がつきました(今更ですみません…汗)。 これからいろいろと手を加えようと思っているのですが、まずは これだけ記事内容が雑多なブログなのに、メニューがしょぼい... ⇓ まずはグローバルナビゲーションメニューを作ろう! ということにいたしました。 作ったグローバルナビゲーションメニューはこちら こんな感じで、今とりあえずの話題についてメニューにわけました。 サブメニューも表示できるようにしたので、今のところの話題はすべてカバーできていると思います。 やっぱり、wordpressのサイトを見慣れていると、グローバルナビゲーションメニューがないサイトは見にくいな~、と思います。 というか、もうすでに、「グ

    【備忘録】IT初心者がはてなブログにグローバルナビゲーションメニューを設置してみた話 - ゆらりんDAYS【はてな別館】
  • CSSで組んだドロップダウンメニューとスライドメニューを両立させたレスポンシブなメニューの作り方【コピペでOK】 - Yukihy Life

    以前、メニューバーをトグルメニューと両立してレスポンシブスタイルにするカスタムを書きました。 www.yukihy.com トグルメニューは、ボタンを押すと上下にスライドするようなものでしたが、 現在このブログでやっているみたいに、横からのスライドにして、なおかつPC版では子メニューも設定できるようにしてみたいと思います! カスタマイズを行う際は、必ず以前のコードをメモ帳などにバックアップをとっておくようにしてください。 実装図 注意点 カスタマイズ CSS HTML&jQuery HTMLにリンクを入れる その他のカスタマイズ 色を変える グローバルメニューの横幅を変えたい グローバルメニューとトグルメニューの変えるタイミングを変えたい まとめ 実装図 完成図はこんな感じです。ブラウザのサイズが広いときには、子メニューまで出せれる一般的なグローバルメニューで、 ブラウザサイズが狭くなると

    CSSで組んだドロップダウンメニューとスライドメニューを両立させたレスポンシブなメニューの作り方【コピペでOK】 - Yukihy Life
    nico100project
    nico100project 2018/03/07
    わかりやすい記事、ありがとうございます!参考にさせていただきます。