Twenty Ten のメニューを白くする

menuwhite03

rect3015

menuwhite01

テーマ「Twenty Ten」に以下のCSSを追加すると、メニューが白くなります。

#access {
background:#fff;
box-shadow:0 2px 3px rgba(0,0,0,0.2);
-moz-box-shadow:0 2px 3px rgba(0,0,0,0.2);
-webkit-box-shadow:0 2px 3px rgba(0,0,0,0.2);
}

#access a {
color:#000;
}

#access ul ul a {
background:#fafafa;
}

#access li:hover > a,#access ul ul :hover > a {
background:#ddd;
color:#333;
}

#access ul li.current_page_item > a,#access ul li.current_page_parent > a,#access ul li.current-menu-ancestor > a,#access ul li.current-menu-item > a,#access ul li.current-menu-parent > a {
color:#000;
}

* html #access ul li.current_page_item a,* html #access ul li.current_page_parent a,* html #access ul li.current-menu-ancestor a,* html #access ul li.current-menu-item a,* html #access ul li.current-menu-parent a,* html #access ul li a:hover {
color:#666;
}
参考記事・トピック

 

以下に詳細を記入するか、アイコンをクリックしてログインしてください。

WordPress.com ロゴ

WordPress.com アカウントを使ってコメントしています。 ログアウト /  変更 )

Google フォト

Google アカウントを使ってコメントしています。 ログアウト /  変更 )

Twitter 画像

Twitter アカウントを使ってコメントしています。 ログアウト /  変更 )

Facebook の写真

Facebook アカウントを使ってコメントしています。 ログアウト /  変更 )

%s と連携中

%d人のブロガーが「いいね」をつけました。