楽天右固定検索窓を付けたいです。

Question

はじめて質問させていただきます。
ECマスターズクラブに入会し、検索はとても重要だなと改めて知りました。

ただいま参考にするために色々なサイトを拝見しておりまして、
当店も下記のサイトのように、スクロールしても固定されている検索窓を設置したいと思いました。
http://www.rakuten.co.jp/compmoto-r/

こちらはどこにどんなソースを貼れば良いか、お教えいただくことは可能でしょうか？

Answer

最初に、GOLDに商品検索用のHTMLファイルを作成していただきます。
例示していただいたショップの場合、
「商品検索はこちら」と書かれた青枠の部分全体を表示するためのHTMLファイルが
GOLD内に作成されております。
http://www.rakuten.ne.jp/gold/compmoto-r/iframe/i_tabbanner.html

次に、RMSに移っていただき、
デザイン設定 ＞ ヘッダー・フッター・レフトナビ の中にあります「ヘッダー」内に、
上記HTMLを表示するためのHTMLタグを入れていただきます。
その際、「top」「right」「width」「height」の値、
及び「GOLDに作成したHTMLのURL」を修正してご入力ください。

========= この行より下 =========

/* 固定表示バナー */
#fixedbanner{
	position: fixed;
	top: 90px; /* [1]画面上端からの距離（下寄せの場合は bottom に変更してください） */
	right: 0px; /* [2]画面右端からの距離（左寄せの場合は left に変更してください） */
	width: 200px; /* 表示部分の横幅 */
	height: 400px; /* 表示部分の縦幅 */
	position: expression('absolute');
	top: expression((documentElement.scrollTop || document.body.scrollTop) + 90 + 'px'); /* 上記[1]と同じ値 */
	right: expression((documentElement.scrollRight || document.body.scrollRight) + 0 + 'px'); /* 上記[2]と同じ値 */
	text-indent: -9999px;
	z-index: 9999;
}


========= この行より上 =========

Answer

ありがとうございます！
なんとか対応出来そうです！これから試してみます。
大変迅速なご回答、ありがとうございました！

Answer

申し訳ありません！
早速試してみているのですが、

ヘッダーコンテンツ部分ににお教えいただいたソースの記述を追加すると、

「許可されないHTMLタグ"style"の"expression"文字列が入力されています」

と出てしまい、更新をすることが出来ない模様です。
解決策をお教えいただけましたら幸いです。

Answer

失礼いたしました、
expression指定はヘッダー内に入れることができないので、
コンプモトさんの場合、外部のスタイルシートファイルを用意して、
その中に記載されております。


改めて手順をまとめると、以下の通りとなります。

１．GOLDに、商品検索部分を表示するためのHTMLファイルを作成
２．GOLDに、以下の記述を行ったCSSファイルを作成し、
　　「top」「right」「width」「height」の値を修正

========= この行より下 =========
/* 固定表示バナー */
#fixedbanner{
position: fixed;
top: 90px; /* [1]画面上端からの距離（下寄せの場合は bottom に変更してください） */
right: 0px; /* [2]画面右端からの距離（左寄せの場合は left に変更してください） */
width: 200px; /* 表示部分の横幅 */
height: 400px; /* 表示部分の縦幅 */
position: expression('absolute');
top: expression((documentElement.scrollTop || document.body.scrollTop) + 90 + 'px'); /* 上記[1]と同じ値 */
right: expression((documentElement.scrollRight || document.body.scrollRight) + 0 + 'px'); /* 上記[2]と同じ値 */
text-indent: -9999px;
z-index: 9999;
}
========= この行より上 =========

３．以下の記述をヘッダーに追加し、
　　「GOLDに作成したCSSファイルのURL」「GOLDに作成したHTMLのURL」を修正

========= この行より下 =========


========= この行より上 =========

Answer

設置できました！！大変迅速にご対応いただきありがとうございました！！