おやじ日記 ~ 神戸・三宮・元町で活動中です ~

おやじ日記 最近忘れっぽいので、自分のために情報をまとめています。

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

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

f:id:kenautotrading:20170903065640j:plain

 

こんにちは ニートです。

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

 

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

design.syofuso.com

 

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

 

デザイン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ここまで */