Surprisedblog https://blog.hatena.ne.jp/Surprisedblog/ IT the Best https://www.it-the-best.com/ はてなブログカスタマイズ モジュール カテゴリー はてなブログカスタマイズ-モジュール-カテゴリー はてなブログカスタマイズ-モジュール はてなブログを長いことやっていると、記事も多くなりカテゴリーの種類も多くなると思います。そんななかサイドバーにはてなモジュールのカテゴリーを設定していると、ズラーっとしたに長いカテゴリーリンクのリストができてしまうと思います。そんな長くなったカテゴリーリンクのリストにCSSだけで開閉機能を付けて、コンパクトにするはてなブログのカスタマイズになります。CSSだけで開閉機能を実現するには、マウスオーバー(マウスホバー)時に表示/非表示を切り替えて開閉させる方法をとります。しかし、スマートフォンなどタッチデバイスでのマウスオーバーはタップしたときに動作します。ですが意図しない動作になりがちなため、今回はPC向けの開閉機能のカスタマイズをしたいと思います。 190 <iframe src="https://hatenablog-parts.com/embed?url=https%3A%2F%2Fwww.it-the-best.com%2Fentry%2Fhatenacustom-module-category_1" title="【CSS】のみで長くなったカテゴリーモジュールを開閉可能にする【はてなブログカスタマイズ】 - IT the Best" 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/Surprisedblog/20190918/20190918031549.png Hatena Blog https://hatena.blog 2019-09-18 08:30:00 rich https://www.it-the-best.com/entry/hatenacustom-module-category_1 1.0 100%