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

こんにちは! ライターのモモタロウです。
今回は前回に引き続きlivedoorブログのメニューバーのカスタマイズです。
livedoorブログ メニューバーの「形」を変更する方法をお伝えしましょう。
以下の画像のメニューバー部分の形を変更します。
メニューバーの「形」を変更するには?
デフォルトでは角ばったメニューバーになっています。
これを丸みを帯びた形に変更してみよう。
まずは、livedoorブログの管理画面にログインします。
その後、「デザイン設定」→「PC」→「カスタマイズ」タブをクリックして、
CSS編集画面にします。

/*ナビ を探します。

.ldb_menu{background: #504341;
部分の下一行に、以下の通りタグを付け加えます。
border-radius: 10px;

プレビューすると・・・

丸みを帯びたメニューバーとなりました。
さらに、
10px を 20pxに変更すると・・・

丸みの幅が大きくなりました。
まとめ
いかがでしたか?
ほんの僅かな設定によってオリジナルのブログが出来上がります。
是非、試してみて下さいね。