アメブロバー(アメーババー)非表示、色変更のカスタマイズ | JunonNet

JunonNet

ameblo(アメブロ)のカスタマイズ。

前回、userNaviArea(ユーザーナビエリア)

を消して、ブログ上部をスッキリさせました。

JunonNet

その上にはアメブロバー(アメーババー)があります。

このバーは、

私は便利なので残して利用していますが

いかにもアメブロ、と言う感じがするという方には

非表示や色を変えるカスタマイズが出来ます。

アメブロバーを非表示

/*----------アメブロバー----------*/
#amebaBar{
display: none;
visibility: hidden;
}

これで、
アメブロバーの表示を消すことが出来ます。

 

アメブロバーの背景色を変える

私のように残したいけれれど

背景色と合わないから、色変更のカスタマイズをするには

/*----------アメブロバー----------*/
ul#amebaBar{
margin:0 auto;
border:none;/* バーの下の区切り線を消す */
background-color: #ac0202;/* 背景色の色を指定 */
}

これをCSSに追加すれば

アメーババーのカスタマイズが出来ます。

 

アメブロバーは

マイページに行ったり、ブログ記事を書くときのリンクとして便利なので、

色変更のカスタマイズがオススメです。