このページでは、「商品レビュー伝令くん」のみんなのレビュー表示について、横幅を調整する方法を案内します。
←この「みんなのレビュー」表示での調整方法を案内しています。
また、以下説明は「横幅サイズを800pxに変更する」場合です。
その他の幅に変更したい場合は、各値を適宜調整して下さい。
1.CSSファイルをダウンロードする
CSSファイルは、以下の場所にあります。
FTPソフトでダウンロードし、必ずバックアップをとって置いて下さい。
http://www.rakuten.ne.jp/gold/【店舗URL】/_cdi/item_review.css
2.CSSファイルを修正する
「item_review.css」を、メモ帳などのテキスト編集ソフトで開きます。
末尾に下記のコードを追加した上で、FTPソフトでアップロードして下さい。
.revRvwUserSec{ width:765px; }
修正のポイント
- 元々のCSSは、1行に圧縮されています。
上記のCSSは、以下のように書き足す形で追加して下さい。(※画像はサンプルです) - widthの値は、「表示したい幅-35px」で設定するとキレイに収まります
(例)外枠の横幅を800pxで表示したい場合⇒CSSのwidthは765px
3.貼り付けタグをページに貼り付ける
以下のタグをページに貼り付けてください。(以下はwidth800pxにした場合)
<iframe src="http://www.rakuten.ne.jp/gold/【店舗URL】/ _cdi/cdi_item_review.html" frameborder="0" width="800" height="600" style="margin:0px;border:1px solid #cfcfcf;"></iframe>