イベント告知君を入れる場所の相談で、どこにいれるか分かりません。
推薦する場所でいいのですが、どこ貼り付ければよろしいでしょうか?
<iframe src="https//www.rakuten.ne.jp/gold/SHOP-URL/" scrolling="no" frameborder="0" style="width:1010px; height:700px; display:inline; margin-bottom:0px; z-index:1; position:relative;" framespacing="0">お使いのブラウザはインラインフレームに未対応のようです。お手数ですがこの部分はiframe対応のブラウザでご覧ください。</iframe><br>
<!-- mirai-fam スライド2-->
<div style="width:995px; height:400px; overflow:hidden; margin:5px 5px;">
<iframe src="https//www.rakuten.ne.jp/gold/SHOP-URL/Kiyf6Va9/4hw4prMoVm/HG6NYsGx_2/7NAgjkd39.html" width="995" height="400" frameborder="0" scrolling="no"></iframe>
</div>
<!-- mirai-fam -->
<!-- mirai-fam -->
<div style="margin: 20px 10px 10px;">
<iframe src="https//www.rakuten.ne.jp/gold/SHOP-URL/iNesu0J8zGX/L6SpTmxqIV1_0/HmxV46V485h.html" width="980" height="60" frameborder="0" scrolling="no"></iframe>
</div>
<div style="margin: 0px 10px 10px;">
<iframe src="https//www.rakuten.ne.jp/gold/SHOP-URL/iNesu0J8zGX/L6SpTmxqIV1_1/nXcCVYoLR3Zo.html" width="980" height="60" frameborder="0" scrolling="no"></iframe>
</div>
<style type="text/css">
.tab2 {
width: 300px;/* 最初に表示されるバナーの幅 */
height: 120px;/* バナーの高さ */
position: fixed !important;/* バナーを固定します */
position: absolute;
left: -230px;/* 左から0pxの位置に指定 */
}
.tab2 a {/* リンクするエリアをバナー全体に広げる設定 */
display: block;
width: 100%;
height: 100%;
}
.tab2:hover {/* カーソルが乗った時の動きを指定 */
width: 300px;/* バナーが伸びた時の幅 */
/* 以下アニメーションの設定 */
animation: translate 10s;
animation-iteration-count: 1;
-webkit-animation: translate 10s; /* Safari & Chrome */
-webkit-animation-iteration-count: 1;
-moz-animation: translate 10s;
-moz-animation-iteration-count: 1;
}
@keyframes translate {
0% { transform: translate(0px, 0px); }
25% { transform: translate(230px, 0px); }
100% { -webkit-transform: translate(230px, 0px); }
}
@-webkit-keyframes translate {
0% { transform: translate(0px, 0px); }
25% { transform: translate(230px, 0px); }
100% { -webkit-transform: translate(230px, 0px); }
}
@-moz-keyframes translate {
0% { -moz-transform: translate(0px, 0px); }
25% { -moz-transform: translate(230px, 0px); }
100% { -moz-transform: translate(230px, 0px); }
}
.tab2 a:hover {
/* IE9用 */
width: 300px\9;
}
#right_point_bnr2 {
background: url(
https://image.rakuten.co.jp/SHOP-URL/cabinet/bnr01_l.jpg) 0 no-repeat;
top: 100px;
}
</style>
<div id="right_point_bnr2" class="tab2" style="z-index:2;"><a href="
https://item.rakuten.co.jp/SHOP-URL/ITEM-URL/ITEM-URL/" target="_blank"></a></div>
<div style="position:fixed; left:0; top:225px; z-index:2;"><iframe src="https//www.rakuten.ne.jp/gold/SHOP-URL/iNesu0J8zGX/L6SpTmxqIV1_3/8x9GUXyhDK.html" width="90" height="480" frameborder="0" scrolling="no"></iframe></div>
<div style="position:fixed; right:0; top:100px; z-index:2;"><iframe src="https//www.rakuten.ne.jp/gold/SHOP-URL/iNesu0J8zGX/L6SpTmxqIV1_4/pLgAGqQ2.html" width="90" height="367" frameborder="0" scrolling="no"></iframe></div>
<!-- mirai-fam -->