BLOG CATEGORY

Monthly Archives

長フチコンテンツ

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

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

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

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

e09227888512bc96e3cef71c798371ed_s.jpg


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

今回は、ライブドアブログカスタマイズ 下の画像にあるメニューバーの幅を変更してみたいと思います。

20161016-1-1.jpg




メニューバーの幅を変えるには?


ライブドアブログにログイン後、管理画面に入ります。

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


1001.jpg


メニューバーの幅を変えるには、CSSの記述の一部を変更します。


20161016-2.jpg

上の画像の

.ldb_menu-list li a{ ~~~~の部分を探します。

padding: 18px の数字を変えると
幅が変わります。

20161016-3.jpg
今回は上の画像のように5pxにしてみましょう。



プレビューボタンをクリックすると・・・


20161016-4.jpg

まとめ


いかがでしたか?

メニューバーのカスタマイズは今後もお伝えしていく予定です。

オリジナルブログをさらにブラッシュアップしてみてくださいね。




カテゴリ:

TOPへ