do | 創作・同人サイト制作支援サイト › フォーラム › テンプレート編集について › 【PHP版PROJECT】ヘッダーの背景色変更・高さを揃える
- このトピックは空です。
-
投稿者投稿
-
チェリー
ゲスト初めまして。
一か所だけどうしてもカスタマイズに悩み、投稿しています。ヘッダーの背景色を編集・またはサイズを変更したいです。※ピンク部分はタイトルとメニューの文字です。
背景色を変更しようとしたらヘッダー全体を変えることは出来ず、画像のような不ぞろいになってしまいました。色を変えることができないなら、せめて縦のサイズは揃えたいと思います。ご教授頂けましたら幸いです。何卒宜しくお願い致します。
ims
ゲストこんばんは。
テンプレート:PROJECTのメニューバーの背景色は
style.css内の475行目の辺り
nav#globalnav.colorchange {
background: #ffffff;
}内の
background: #ffffff;
をご希望の色にすれば変更できます。添付画像の状態になるはずです。
またスクロール時の文字色の変更については
同style.css内の402行目の辺り
nav#globalnav .globalnav_bg {
height: 70px;
width: 100%;
position: absolute;
top: 0;
z-index: -1;
opacity: 1;
background: -webkit-gradient(linear, left bottom, left top, color-stop(5%, rgba(230, 230, 230, 0)), color-stop(51%, rgba(255, 255, 255, 0.9)));
background: linear-gradient(0deg, rgba(230, 230, 230, 0) 5%, rgba(255, 255, 255, 0.9) 51%);
}内の
background: linear-gradient(0deg, rgba(230, 230, 230, 0) 5%, rgba(255, 255, 255, 0.9) 51%);
部分で変更できるようです。
また差し出がましいことになりますが、うまくいかない場合はページ状況の写真と合わせてどのようなコードを記載(変更)したかも合わせて記入いただけると、返答する側もトラブル状況がわかりやすくなるかと思います。
もしよろしければ、今後ご参考にください。
チェリー
ゲストご返信・色んなアドバイスありがとうございました。
トップページのメニュー背景色については、再度DLしたてのものに差し替え、教えて頂いた場所
style.css内の475行目の辺り
nav#globalnav.colorchange {
background: #ffffff;
}を変更したら変更ができました。
また、サブメニューは色も高さも、トップページとは別になってしまったのですが、こちらも教えて頂いた
同style.css内の402行目の辺り
nav#globalnav .globalnav_bg {
height: 70px;
width: 100%;
position: absolute;
top: 0;
z-index: -1;
opacity: 1;
background: -webkit-gradient(linear, left bottom, left top, color-stop(5%, rgba(230, 230, 230, 0)), color-stop(51%, rgba(255, 255, 255, 0.9)));
background: linear-gradient(0deg, rgba(230, 230, 230, 0) 5%, rgba(255, 255, 255, 0.9) 51%);
}height: 70px; を100%
background: -webkit-gradient(linear, left bottom, left top, color-stop(5%, rgba(230, 230, 230, 0)), color-stop(51%, rgba(255, 255, 255, 0.9)));
background: linear-gradient(0deg, rgba(230, 230, 230, 0) 5%, rgba(255, 255, 255, 0.9) 51%);を
background: #ffffff;
に変更したら、トップページと同じレイアウトになりました。
後は色を調整するのみとなります。ご丁寧で分かりやすいアドバイス本当にありがとうございました。
-
投稿者投稿