Follow Us.RSS

タイトル画像を単一表示させたい

  • 新規投稿
  • ログイン

その他タイトル画像を単一表示させたい

それぞれのページに表示される、ナビゲーション部分の、背景画像を横長の通常のフレーム幅に近いものとして、固定表示させています。

現状、ブラウザの表示幅を拡大していくと、リピート表示されますが、これを単一表示に変えるには、CSSのどの部分を編集したら良いのでしょうか?

おじさん-ショボン

その他Re:タイトル画像を単一表示させたい

お世話になっております。
ご質問ありがとうございます。

ナビメーカーのナビゲーションレイアウトで、「イメージタブ」の「追加スタイルシート」に下記CSSを追記し、「保存」します。

div#site-navi div#site-navi-bg {
background-repeat: no-repeat;
background-position: center bottom;
}

そのあと、「ナビゲーション作成」で「ナビゲーション書き出し」を実行します。

MOMOさんのサイトの場合、「カラータブ」にしてもきれいかもしれません。

「カラータブ」にする場合は、あらかじめ「環境設定/画像ライブラリ編集(共通)」の「背景画像」に現在の背景画像を登録します。

「カラータブ」の背景画像に登録した背景画像を指定して保存したら、「ナビゲーション作成」で各項目のタブの色を設定後「ナビゲーション書き出し」を実行します。

以上参考になりましたら幸いです。

CMONOS スタッフ
  • CMONOS スタッフ
  • MacOS X/Safari7.1
  • 2015年1月6日(火) 16時34分31秒

その他Re:タイトル画像を単一表示させたい

早速の回答有難うございました。

早速、設定してナビゲーション書き出しを実施してみましが、ブラウザのキャッシュの関係か、まだ確認はできていません。

タブの色付けについては、折を見て適用したいと思います。

おじさん-ニッコリ

その他Re[2]:タイトル画像を単一表示させたい

ご返信ありがとうございます。

カラータブにして背景を固定する場合も、CSSの追記が必要です。ナビメーカーのナビゲーションレイアウトで、「カラータブ」の「追加スタイルシート」に下記CSSを追記し、「保存」します。

上余白なども調整する必要があるかと思います。

div#site-navi ul {
background-repeat: no-repeat;
background-position: center bottom;
}

またお手透きのときにでもお試しください。添付画像のような帯付きのタブとなります。

Re[2]:タイトル画像を単一表示させたい
CMONOS スタッフ
  • CMONOS スタッフ
  • MacOS X/Safari7.1
  • 2015年1月6日(火) 17時28分2秒
タイトルは内容を簡潔にまとめたものにしてください。
「質問です」などのタイトルで投稿することはできません。
アイコン
この E-Mail は表示されません。
添付ファイル
(< 1000000 byte)
サイズ (<800) × (<800) ピクセル
ユーザー環境MacOS X/AppleWebKit537.36
  • 新規投稿
  • ログイン