イベント告知くんバナーサイズ修正

Question

お世話になります。

横スクロール型のイベント告知君を設定したのですが、
縦幅が75pxのものを120pxに修正するにはどこで変更したらよいでしょうか？
（単純にhtmlタグ内で修正したら表示されませんでした）

よろしくお願いします。

Answer

ECマスターズの田中です。

横スクロール型のイベント告知君は、
サイズを変更することができないのですが、
CSS3を使うことで、
イベント告知君全体を拡大（縮小）して表示することができます。

以下の方法をお試しください。
（各CSSの指定は、外部CSSファイルをご利用いただいても結構です）


1. イベント告知君用のタグに、下記CSSの指定を加える。

====== この下の行から ==========
-o-transform: scale(変倍率);
-webkit-transform: scale(変倍率);
-moz-transform: scale(変倍率);
-ms-transform: scale(変倍率);
transform: scale(変倍率);
-o-transform-origin: 0 0;
-webkit-transform-origin: 0 0;
-moz-transform-origin: 0 0;
-ms-transform-origin: 0 0;
transform-origin: 0 0;
====== この上の行まで ==========
変倍率には、イベント告知君を拡大（縮小）する倍率を、小数でご記入ください。
高さ75ピクセル→120ピクセルへ拡大する場合、1.6となります。

2. 同タグを、タグで囲む。

3. 2.のタグに、下記CSSの指定を加える。

====== この下の行から ==========
overflow: hidden;
width: 表示領域の横幅px;
height: 表示領域の縦幅px;
====== この上の行まで ==========
表示領域の横幅、表示領域の縦幅は、実際の値を半角数字でご記入ください。


たとえば、横816ピクセル、縦120ピクセルに拡大する場合は、
既存のタグを下記のようにご変更ください。




↓





※イベント告知君URLは、実際のURLに置き換えてご利用ください。

Answer

迅速なご回答ありがとうございました！