Follow Us.RSS

Re:不動産テンプレートのヘッダー背景の固定について。

  • 新規投稿
  • ログイン

ホームページメーカーRe:不動産テンプレートのヘッダー背景の固定について。

ご質問ありがとうございます。

ご指摘の通り、一部のサイトテンプレートでは、ヘッダの背景として RSS で記事に添付された画像をランダムに表示します。

RSS にない画像は読み込まれませんので、現在表示されるプロフィール画像についても、物件情報や記事が増えると表示されなくなるとは思います。。。


さて、ヘッダ部分のレイアウトは、「ナビメーカー」の「ナビゲーションレイアウト」設定で行います。

  1. メンテナンスステーションのスパナアイコン側、環境設定モードで「ナビメーカー」をクリックします。
  2. 左上のメインメニューから「ナビゲーションレイアウト」を選択します。
  3. 画像サイズを変更する場合は「Vicuna 互換ヘッダ方式」の「追加CSS」を変更します(後述)。
  4. ヘッダ背景をランダムに変える必要がない場合はページ下部にある「フッタ」に記述された JavaScript をすべて削除します。
  5. メインメニューから「ナビゲーション作成」を選択します。
  6. 「ナビゲーション書き出し」を実行します。

ヘッダ画像に関わる CSS の変更点は下記の太字の部分です。

div#header {
margin: 0 auto;
padding: 0;
width: 960px;
height: 160px; /* 高さの増減を加算 */
position: relative;
text-align: left;
}
div#header p.siteName {
margin: 0;
padding: 0;
width: 960px;
height: 128px; /* 高さ */
background: #333 none;
}
div#header p.siteName a {
display: block;
margin: 0;
padding: 35px 0 0 40px;
width: 920px;
height: 93px; /* 高さの増減を加算 */
color: #fff;
font-size: 18px;
font-weight: bold;
font-weight: 900;
font-weight: extra-bold;
text-decoration: none;
text-shadow: #000 0 2px 2px;
background: transparent url("../image/style-stationery/header.png");

/* 文字も画像にする場合は以下を追加 */
font-size: 1px;
text-indent: -960px;
overflow: hidden;
/* 文字も画像にする場合は以上を追加 */
}
* html div#header p.siteName a {
background: transparent none;
width /**/: 960px;
height /**/: 128px; /* 高さ */
}
* html div#header p.siteName a:hover {
background: transparent url("../image/style-stationery/header.png");
}
div#header p.description {
margin: 0;
padding: 0;
position: absolute;
top: 64px;
left: 40px;
color: #fff;
font-size: 13px;
text-shadow: #000 0 1px 1px;

/* 文字も画像にする場合は以下を追加 */
font-size: 1px;
text-indent: -960px;
overflow: hidden;
/* 文字も画像にする場合は以上を追加 */
}

ヘッダ画像は「/lib/image/style-stationery/header.png」にあります。画像サイズは 960x128 px です。こちらの画像を差し替えるとヘッダの背景が新しい画像となります。


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

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