minimalgreen https://blog.hatena.ne.jp/minimalgreen/ Minimal Green https://blog.minimal-green.com/ HTML CSS ブログカスタマイズ ブログカスタマイズ-グローバルメニュー コメントにてリクエストがあったので、3階層のドロップダウンナビゲーションメニューのコードを用意しました。 ドロップダウンの作り方 階層無し 2階層 3階層 グリーン左揃い3階層メニュー（テーマ「Minimal Green」利用者向け ピンク等幅3階層メニュー ユーザビリティを考えると… ドロップダウンの作り方 まず、メニューリストの構造とドロップダウンの階層構造の作り方を説明します。 ABC三つの項目があるとして 階層無し /* メニューリストの構造基本 */ <ul> <li>A</li> <li>B</li> <li>C</li> </ul> A B C CSSを指定しないので縦並びです。 190 <iframe src="https://hatenablog-parts.com/embed?url=https%3A%2F%2Fblog.minimal-green.com%2Fentry%2F2016%2F12%2F09%2F230000" title="多階層のドロップダウングローバルメニュー（レスポンシブ） - Minimal Green" class="embed-card embed-blogcard" scrolling="no" frameborder="0" style="display: block; width: 100%; height: 190px; max-width: 500px; margin: 10px 0px;"></iframe> https://cdn-ak.f.st-hatena.com/images/fotolife/s/syofuso/20161209/20161209145057.jpg Hatena Blog https://hatena.blog 2016-12-09 23:00:00 rich https://blog.minimal-green.com/entry/2016/12/09/230000 1.0 100%