BLOG CATEGORY

Monthly Archives

長フチコンテンツ

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

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

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

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

c64a393f09e9b6348109ceba7bdcf36c_s.jpg

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

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

20161016-1-1.jpg



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


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

前回の幅を変える時と同じように
「ブログ設定」→「PC」→「カスタマイズ」タブをクリックします。


1001.jpg



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


20161022-2.jpg
上の画像の

.ldb_menu{
        background;#504341 の「 #504341   」を変更します。

今回は、「 ffeeff 」 とします。

プレビューすると・・・

20161022-4.jpg

これで、メニューバーの帯の色が変わります。



次に、以下の画像の
.ldb_menu-list li { ~~~ color #ffaf9 を先ほどの「 ffeeff  」 に変えてみましょう。
20161022-3.jpg


以下の画像のように、文字の色が変わります。

20161022-5.jpg


最後に、
.ldb_menu-list li a; hover {
        background; #c55a41  の「 #c55a41 」 を変更します。

「 ffeeff  」 に変更しましょう。

20161022-6-2.jpg

ポインターをメニューバーのカテゴリーに移動すると色が変わります。

カラーは以下を参考にしました。
4096 Color Wheel
http://www.ficml.org/jemimap/style/color/wheel.html

まとめ


いかがでしたか?

メニューバーのカスタマイズ 
是非、試してみて下さいね。




カテゴリ:

TOPへ