投稿日: 2016/11/24
投稿者:webコラム

こんにちは! ライターのモモタロウです。
今回は、livedoorブログ メニューバーカスタマイズ メニューバーの高さを変更する方法をお伝えします。
メニューバーの高さを変更するには?
まず、livedoorブログ管理画面にログインします。
「ブログの設定」→「PC」→「カスタマイズ」のタブをクリックします。
今回もCSS編集の /*ナビの部分を編集します。

下にスクロールします。

.ldb_menu-list li a{
display: block;
padding: 18px;
color: #fffaf9;
text-shadow: -1px -1px 0 rgba(42,36,36,0.9);
font-size: 15px;
line-height: 1;
}
上記部分の「 line-height: 1; 」の数字を変更してみよう。
するとメニューバーの高さが変わります。
今回は、「 1.9 」としてみます。

僅かな違いが分かりますか?
次に、極端に数字を「 5 」としてみます。

このように、メニューバーの高さ変更が自由自在に可能となります。
まとめ
いかがでしたか?
メニューバーカスタマイズで、
オリジナルブログをさらにブラッシュアップしてみましょう。