• 文字サイズ


解決済

サイドバナー改造

  • 相談者:非公開
  • 2018/08/02 15:48
いつもお世話になります。

現在、下記のCSSでサイドバナー×3を右側に表示させています。
4個表示させるように変更するタグを教えてください。
宜しくお願いします。


以下CSS
/* right fixd */
* html body {background: url(null) fixed;}

* html div#rc_rightArea{
position:absolute !important;
top: expression((documentElement.scrollTop || document.body.scrollTop) + 100 + 'px');
left: expression((documentElement.scrollLeft || document.body.scrollLeft) + document.body.clientWidth - 160 + 'px');/*160*/
}

div#rc_rightArea{
position: fixed;
top: 170px;
right: 0px;
text-indent:-9993px;
display:block;
}

div#rc_rightArea2{
position: fixed;
top: 270px;
right: 0px;
text-indent:-9993px;
display:block;
}

div#rc_rightArea3{
position: fixed;
top: 370px;
right: 0px;
text-indent:-9993px;
display:block;
}

div#rc_rightArea .rc_right ,
div#rc_rightArea2 .rc_right2 ,
div#rc_rightArea3 .rc_right3 {
outline:none;
display: block;
position: relative;
width:80px;
height:90px;
left:0px;
z-index:9998;
}

div#rc_rightArea .rc_right{
background: url("https://image.rakuten.co.jp/●●●●●/cabinet/maill/●●●●●.gif") no-repeat scroll 0 0 transparent;
}

div#rc_rightArea2 .rc_right2{
background: url("https://image.rakuten.co.jp/●●●●●y/cabinet/maill/●●●●●.gif") no-repeat scroll 0 0 transparent;
}

div#rc_rightArea3 .rc_right3{
background: url("https://image.rakuten.co.jp/●●●●●/cabinet/maill/●●●●●.gif") no-repeat scroll 0 0 transparent;
}

div#rc_rightArea .rc_right:hover ,
div#rc_rightArea2 .rc_right2:hover ,
div#rc_rightArea3 .rc_right3:hover {
background-position:0px 0px; width:160px;
}
投稿内容について報告する

今気になってる疑問、
セミナーに参加すれば解決するかも!?
日本全国のネットショップ12,000社が参加!
ネットショップでお悩みがある方はまずはオンラインセミナーへGO!
広告0円で楽天の売上アップ続出!
ECマスターズチャンネルをチェック!
総視聴回数15万回突破!
最新の対策事例やSALE対策など、売上にお困りの方はぜひご視聴ください!

  • 返信者:非公開(質問者)
  • 2018/08/02 15:55
追記です。
以下はヘッダー・フッター・レフトナビに入れてるタグです。

宜しくお願いします。

<link href="https://www.rak………(省略)………
  • 返信者:非公開
  • 2018/08/02 19:00
ECマスターズの田中です。

上から順に、追記していただく内容をご案内いたします。

■1.
div#rc_rightArea3
に対する規則をコピ………(省略)………
  • 返信者:非公開(質問者)
  • 2018/08/03 13:37
出来ました!
いつも迅速丁寧にありがとうございます!………(省略)………
このフォーラムへの質問は終了しました