はてなブログで「メニューバー」とヘッダー画像の間の〚余白〛を消す簡単な方法っていう話。
ごきげんよう。
メガダンサーのアサクママサルですぜ!!
はてなブログのヘッダー画像下の余白、気になってませんか？
ボクは、はてなブログに来て「1ヶ月ほどの間」ずっと気になってました！！！
というわけで、はてなブログで「メニューバー」とヘッダー画像の間の〚余白〛を消す簡単な方法をご紹介しますね。
メニューバーの「CSS」に「マージントップ」をゼロにして追加する
ほとんどのはてなブロガーさんは、「メニューバー」を使われてることと思いますので、その前提でお話しします。
「デザイン」→「カスタマイズ」→「デザインCSS」に行きます。「メニュー」に関する「CSS」にたどり着いたら、
#menu {
margin-top: 0px;/*トップ画像との余白*/
}「マージントップ」をゼロに指定して、追加するだけ、、、。超簡単です！！！！！！！！
beforeの画像がこちらです。
「メニューバー」とヘッダー画像の「隙間」が気になります、、、。
afterの画像がこちら。
「メニューバー」とヘッダー画像の「隙間」がなくなってます！！
アレヤコレヤと悩んでいたのは、何だったんだ！！！！ こんな基本的なCSSで実装できるなんて、、、。
と思われた方、心配しないでください。
ボクも悩んでました！！！！！！
まとめ
ボクは、「CSS」と「HTML」の知識を多少独学で身につけていたんですが。まだまだわからないことだらけです！！！
悩みながら、もっともっと試行錯誤してブログを書いていきますよ！！！
