サイドバナー改造

Question

いつもお世話になります。

現在、下記のCSSでサイドバナー×３を右側に表示させています。
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;
}

Answer

追記です。
以下はヘッダー・フッター・レフトナビに入れてるタグです。

宜しくお願いします。




	●●●


	●●●


	●●●

Answer

ECマスターズの田中です。

上から順に、追記していただく内容をご案内いたします。

■１．
div#rc_rightArea3
に対する規則をコピーして、
div#rc_rightArea4
に対する規則を作成してください。
その際、top の数値を増やして、
4つ目を表示させたい位置をご設定ください。

■２．
div#rc_rightArea .rc_right ,
div#rc_rightArea2 .rc_right2 ,
div#rc_rightArea3 .rc_right3
の末尾に、
,
div#rc_rightArea4 .rc_right4
を追記して、正しくカンマ区切りになるように４つ目を追加してください。

■３．
div#rc_rightArea3 .rc_right3
に対する規則をコピーして、
div#rc_rightArea4 .rc_right4
に対する規則を作成してください。

■４．
div#rc_rightArea .rc_right:hover ,
div#rc_rightArea2 .rc_right2:hover ,
div#rc_rightArea3 .rc_right3:hover
の末尾に、
,
div#rc_rightArea4 .rc_right4:hover
を追記して、正しくカンマ区切りになるように４つ目を追加してください。

■５．
ヘッダー・フッター・レフトナビ内のタグにて、
 以下３行をコピーして、
 の、つまり４つ目のバナー用のHTMLタグをご記載ください。

Answer

出来ました！
いつも迅速丁寧にありがとうございます！