それぞれのページに表示される、ナビゲーション部分の、背景画像を横長の通常のフレーム幅に近いものとして、固定表示させています。
現状、ブラウザの表示幅を拡大していくと、リピート表示されますが、これを単一表示に変えるには、CSSのどの部分を編集したら良いのでしょうか?
お世話になっております。
ご質問ありがとうございます。
ナビメーカーのナビゲーションレイアウトで、「イメージタブ」の「追加スタイルシート」に下記CSSを追記し、「保存」します。
div#site-navi div#site-navi-bg {
background-repeat: no-repeat;
background-position: center bottom;
}
そのあと、「ナビゲーション作成」で「ナビゲーション書き出し」を実行します。
MOMOさんのサイトの場合、「カラータブ」にしてもきれいかもしれません。
「カラータブ」にする場合は、あらかじめ「環境設定/画像ライブラリ編集(共通)」の「背景画像」に現在の背景画像を登録します。
「カラータブ」の背景画像に登録した背景画像を指定して保存したら、「ナビゲーション作成」で各項目のタブの色を設定後「ナビゲーション書き出し」を実行します。
以上参考になりましたら幸いです。
早速の回答有難うございました。
早速、設定してナビゲーション書き出しを実施してみましが、ブラウザのキャッシュの関係か、まだ確認はできていません。
タブの色付けについては、折を見て適用したいと思います。
ご返信ありがとうございます。
カラータブにして背景を固定する場合も、CSSの追記が必要です。ナビメーカーのナビゲーションレイアウトで、「カラータブ」の「追加スタイルシート」に下記CSSを追記し、「保存」します。
上余白なども調整する必要があるかと思います。
div#site-navi ul {
background-repeat: no-repeat;
background-position: center bottom;
}
またお手透きのときにでもお試しください。添付画像のような帯付きのタブとなります。