ヘッダーの下端にラインを入れたい

このトピックには4件の返信が含まれ、1人の参加者がいます。2 ヶ月、 1 週前 正男 さんが最後の更新を行いました。

  • 投稿者
    投稿
  • #50243

    正男

    お世話になります

    ヘンダーの一番下(メニューの上)に画面幅100%のラインを入れたいです
    ヘッダー外側背景色ではなく
    ライン(高さ1px)でメニュー&メイン&サイドバーとヘッダーを区切りたいです

    アドバイス頂けますと助かります
    よろしくお願いします

  • #50245

    Hidekichi

    サンプル: #naviと#bodyの間に1pxのボーダーを入れる | jsFiddle

    子テーマjavascript.jsにjs欄のスクリプトを丸ごと追記してください。もしセパレーターのセレクタを変えるなら、3行目のsep_navi2bodyをお好きなものに。

    cssは単純に背景に色を付けてるだけなので、グラデーションかけたり色々してください。

  • #50247

    正男

    有難うございます!

    naviとbodyの間なんですね(^^ゞ

  • #50248

    Hidekichi

    メニューの上でしたね。
    $("#body").before("<div class='sep_navi2body'>");

    $("#navi").before("<div class='sep_navi2body'>");

    とすればメニューの上に行くんですが、#naviはnavというタグに囲まれているので、

    $("#navi").closest("nav").before("<div class='sep_navi2body'>");

    という感じかとおもいます。同じようなタグをheader.phpの#header(の親になるheader)の閉じタグの後に(<div class='sep_navi2body'></div>と)書いても同じことですが、親テーマのアップデートで無くなってしまうのでそのたびに修正する必要があります。jQueryは子テーマに書けるのでそれらの心配はありません。

  • #50249

    正男

    度々
    有難うございます!!
    (^^ゞ(^^ゞ

トピック「ヘッダーの下端にラインを入れたい」への新規返信追加は締め切られています。

スポンサーリンク
アドセンス(大)
アドセンス(大)