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;
}

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


CMONOS スタッフ
  • CMONOS スタッフ
  • MacOS X/Safari7.1
  • 2015年1月6日(火) 17時28分2秒

タイトルは内容を簡潔にまとめたものにしてください。
「質問です」などのタイトルで投稿することはできません。

アイコン


この E-Mail は表示されません。



添付ファイル

(< 1000000 byte)

サイズ
(<800) × (<800) ピクセル


ユーザー環境
MacOS X/AppleWebKit537.36


  • 新規投稿
  • ログイン
戻る

© CMONOS Co. Ltd.


PC 向けページに移動する