BLOG CATEGORY

Monthly Archives

長フチコンテンツ

ホームページ制作、SEO対策 サイバーアクセル・アドバイザーズTOP » ブログ » webコラム» livedoorブログ メニューバーカスタマイズ⑤ メニューバーの高さを変更する方法

このエントリーをはてなブックマークに追加

livedoorブログ メニューバーカスタマイズ⑤ メニューバーの高さを変更する方法

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

5ef07bd234ab8f57357678bd4a5e9e93_s.jpg

こんにちは! ライターのモモタロウです。

今回は、livedoorブログ メニューバーカスタマイズ メニューバーの高さを変更する方法をお伝えします。

20161105-1-1.jpg


メニューバーの高さを変更するには?


まず、livedoorブログ管理画面にログインします。

「ブログの設定」→「PC」→「カスタマイズ」のタブをクリックします。

今回もCSS編集の /*ナビの部分を編集します。 
20161105-2.jpg

下にスクロールします。

20161105-3.jpg
.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 」としてみます。

20161105-7.jpg

僅かな違いが分かりますか?



次に、極端に数字を「 5 」としてみます。

20161105-8.jpg

このように、メニューバーの高さ変更が自由自在に可能となります。

まとめ


いかがでしたか?

メニューバーカスタマイズで、
オリジナルブログをさらにブラッシュアップしてみましょう。

カテゴリ:

TOPへ