PCページで縦帯スライドタイプのテンプレートの設置方法(中級者向け)

おすすめショーケースの「縦帯スライド(TO-IM01)」などのPC画面の右端に固定して
縦に流れるテンプレートの設置方法のご案内になります。

◆設置方法◆

1)出力されたHTMLソースの

<iframe の後ろに半角スペースを空けて
id="ectateobi"を追加し、後ろにも半角スペースを入れます。

<iframe id="ectateobi" src="https://~略

2)以下のCSSと(<style>~</style>)
出力されたHTMLソースをレフトナビ(又はヘッダーやフッター)など好きな箇所に設置します。

<style>
#ectateobi{
position:fixed;
width:100px;
height:100%;
left:0px;
top:0px;
}
</style>

[補足]
*leftをrightにすると右寄せになります。
*0pxの数値を変えると端から離れた位置を指定できます。
*widthはテンプレートの横幅で必要に応じて調整ください。
 
 
 


こちらのCSSに関してはECステーションツール外にはなりますが
テンプレートの設置に於きまして不明点がありました際やサポートが必要な場合はご連絡願います。


PAGE TOP