NEZUの森 - 神戸・三宮・元町でのリアルライフを配信中!

投資、ビジネス、旅行、映画、本、パソコン、料理、役立つ情報などについて書いています。

はてなブログのカスタマイズ② グローバルメニューの設置と色変更

グローバルメニューの設置と色変更

f:id:kenautotrading:20170903065640j:plain

 

こんにちは NEZUです。

Minimal Greenテーマのインストールが終われば、次はグローバルメニューを作成しましょう。

 

下記サイトにて、詳しく説明されているので、こちらを参考にして設置して見てくださいね。

design.syofuso.com

 

NEZUのグローバルメニュー設定

 

デザインCSS設定

 青文字のプログラムをデザインCSS設定にコピペしてください。

簡単に設定が完了しますよ。

 

/* グローバルメニュー黒CSSここから */
#menu{
background: #303030;
}
#menu-inner{
background: #303030;
}
#menu-content > li > a{
background: #303030;
color: #fff;
}
#menu-content > li > a:hover{
background: #303030;
color: #fff;
}

#menu-content > li > ul.second-content > li > a{
background: #303030;
color: #fff;
}
#menu-content > li > ul.second-content > li > a:hover{
background: #303030;
color: #fff;
}
@media screen and (max-width:960px){/*19*/
#menu-btn{
background: #303030;
color: #fff;
}
/* グローバルメニュー黒CSSここまで */