【PHP版PROJECT】ヘッダーの背景色変更・高さを揃える

do | 創作・同人サイト制作支援サイト フォーラム テンプレート編集について 【PHP版PROJECT】ヘッダーの背景色変更・高さを揃える

  • このトピックは空です。
3件の投稿を表示中 - 1 - 3件目 (全3件中)
  • 投稿者
    投稿
  • #2844 返信
    チェリー
    ゲスト

    初めまして。
    一か所だけどうしてもカスタマイズに悩み、投稿しています。

    ヘッダーの背景色を編集・またはサイズを変更したいです。※ピンク部分はタイトルとメニューの文字です。
    ヘッダー見本
    背景色を変更しようとしたらヘッダー全体を変えることは出来ず、画像のような不ぞろいになってしまいました。色を変えることができないなら、せめて縦のサイズは揃えたいと思います。

    ご教授頂けましたら幸いです。何卒宜しくお願い致します。

    #2850 返信
    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%);

    部分で変更できるようです。

    また差し出がましいことになりますが、うまくいかない場合はページ状況の写真と合わせてどのようなコードを記載(変更)したかも合わせて記入いただけると、返答する側もトラブル状況がわかりやすくなるかと思います。

    もしよろしければ、今後ご参考にください。

     

    #2851 返信
    チェリー
    ゲスト

    ご返信・色んなアドバイスありがとうございました。

    トップページのメニュー背景色については、再度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;

    に変更したら、トップページと同じレイアウトになりました。
    後は色を調整するのみとなります。

    ご丁寧で分かりやすいアドバイス本当にありがとうございました。

3件の投稿を表示中 - 1 - 3件目 (全3件中)
返信先: 【PHP版PROJECT】ヘッダーの背景色変更・高さを揃える
あなたの情報: