自サイトのメニューのプルダウン（ドロップダウン）の背景色を変える方法
ご訪問有難うございます。
メニューの背景色を変えたのでそれに伴いプルダウン（ドロップダウン）の背景色を変えます。
以下が、プルダウン（ドロップダウン）の画像です。
メニューの背景色を変える方法 参考URL htto://landmark758hils.info/
私の製作中のホームページは賢威６．１テンプレートを使ってカスタマイズ中ですが、カスタマイズがしやすいようにコードが解りやすくなっていて、初心者さんにもとっつきやすいと思います。
よくある質問の部分が今のところドロップダウンを採用していますが、メニューの背景色をを変えたのでやはり同じ色の青色#0000ffに変えたほうがいいかもしれないと感じました。
編集を施す所は、CSSの下記の「background-color」部分をご変更ください。
————————————————————
■変更前
————————————————————
■変更前
————————————————————
/*ドロップダウンメニューのデザイン*/
#global-nav #menu li ul li {
margin: 0;
padding: 0;
width: 12em;
background-color: #2c2a26;
————————————————————
↓
————————————————————
■変更後
————————————————————
#global-nav #menu li ul li {
margin: 0;
padding: 0;
width: 12em;
background-color: #2c2a26;
————————————————————
↓
————————————————————
■変更後
————————————————————
/*ドロップダウンメニューのデザイン*/
#global-nav #menu li ul li {
margin: 0;
padding: 0;
width: 12em;
background-color: #0000ff;
————————————————————
#global-nav #menu li ul li {
margin: 0;
padding: 0;
width: 12em;
background-color: #0000ff;
————————————————————
メニューの背景色を変える方法
管理画面（ダッシュボード）＞＞外観＞＞テーマ編集＞＞design.cssに進みます。
グローバルメニューの背景色を変える方法はdesign.cssの ＃の部分を変えるだけです。
/*——————————————————–
グローバルナビ
——————————————————–*/
#global-nav{
background: url(./images/common/bg-menu.png) center bottom repeat-x #0000ff;
border-bottom: 1px solid #6a5734;
}
＃００００ｆｆに変えるだけですので簡単ですね。
photo by:
stilettobootlover_83
Google+
この記事を読んだ人は次の記事も読んでいます。
賢威６．１のグローバルメニューのプルダウンの横幅を広げたい。
グローバルメニューをクリックするとグローバルメニュー以下へ飛ぶ方法
賢威＋ワードプレスでコピペで使える枠線のHTMLソース
賢威６．１でグローバルメニューの項目の境界縦線の色を変える
賢威6.1+ワードプレスのヘッダー画像を横幅いっぱいに広げたい
SEO賢威6.1のウィジェットのタイトルの背景色の変更
内的SEO満載の賢威６．１でトップメニューの色と文字色を変える方法
タイトルをクリックで同一ページのリンク先へ移動させる方法
賢威６．１の最新情報の日付を消す
ワードプレス（賢威６．１）に枠線をつけました。
賢威6.1のヘッダー画像とトップとメニューの間を詰める方法です。
賢威でヘッダー右上のサイトマップと固定ページをひもづける方法
賢威６．１でトップを固定ページにし、最新情報と投稿ページたす方法
賢威6.1でTablePressの表示幅がセルごとに等分して表示されてしまう
マウスをかざして指定した画像だけ白く光らせる方法
賢威６．１＋ワードプレスの日付年月日を消したい。
賢威６．１の３カラムで、サブコンテンツとサイドバーを右側に並べる方法
SEO内的対策万全の賢威6.1＋ワードプレスでｈ３タグを太くしてみた
トップ・ページの抜粋部分の文字数が少ないので増やします。
地図を表現するプラグインMapPress Easy Google Maps
タグ：design.css, グローバルメニュー, ドロップダウン
最近のコメント