Hatena Blog Theme Custom

はてなブログテーマ『Minimal Green』のデモブログ。はてなブログカスタマイズや、HTML、CSSなどについて書いています。

ブログカスタマイズ-グローバルメニュー

多階層のドロップダウングローバルメニュー(レスポンシブ)

コメントにてリクエストがあったので、3階層のドロップダウンナビゲーションメニューのコードを用意しました。ドロップダウンの作り方まず、メニューリストの構造とドロップダウンの階層構造の作り方を説明します。 ABC三つの項目があるとして 階層無し /* …

見せたいメニューのみ表示して残りをドロップダウンにするレスポンシブナビゲーション(追記あり)

レスポンシブデザインではナビゲーション・メニューのスマートフォン表示に三本バーのハンバーガーメニューを設置している場合が多いと思います。 私もこのブログや他のサイトでハンバーガーメニューを使用しています。 ハンバーガーメニューは使いにくい… …

スクロールするとトップに固定するメニュー(はてなブログPro向け)

注意:このカスタマイズははてなブログPro向けです。無料ユーザーがはてなグローバルヘッダーを隠すと規約違反ですのでこのカスタマイズはできません。 スクロールするとトップに固定するメニュー スクロールするとトップにメニューを固定するには以下の①と②…

まとめて色を変更するCSSコード、ピンク、水色

まとめて色を変更するコード、ピンク、水色を用意しました。デザインCSSに貼り付けてお使い下さい。 ピンク系 #E9546B薔薇色 水色系 #89C3EB勿忘草(わすれなぐさ) ピンク系 #E9546B薔薇色

まとめて色を変更する 黒系カスタマイズ一例[訂正あり]

まとめてリンク文字や メニューバー、ページャー、続きを読む、サイドバーの色を変更するコードを書きました。 デザインCSSに追加でコピペして下さい。 他の色にもコードを参考に変更してみてください。 追記:セレクタごとに分けました。必要なところをお使…

グローバルメニューの設置と色変更

手引にも書いたのですが、こちらでも詳しく書きます。 ==== 注意:参考元の記事を明記して下さい 共通作業:タイトル下に貼り付けるHTML ドロップダウンメニューのHTML構造について 黒背景のグローバルメニューCSS 白背景に黒文字のグローバルメニューCSS メ…