イベント告知君について

Question

イベント告知君を入れる場所の相談で、どこにいれるか分かりません。

推薦する場所でいいのですが、どこ貼り付ければよろしいでしょうか？


お使いのブラウザはインラインフレームに未対応のようです。お手数ですがこの部分はiframe対応のブラウザでご覧ください。















.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/mirai-fam/cabinet/bnr01_l.jpg)  0 no-repeat;
	top: 100px;
}

Answer

ECマスターズの伊藤です。

> イベント告知君を入れる場所の相談で、どこにいれるか分かりません。
> 
> 推薦する場所でいいのですが、どこ貼り付ければよろしいでしょうか？

ご質問の箇所とは異なりますが、
2つめのスライドが表示されていないため、
修正いただくか、不要であれば







の削除をお願いいたします。


イベント告知君の設置箇所ですが、
イベント告知を目立たせたいようであれば、
1つめのスライドの上がよろしいかと思います。

その場合は、
https://www.rakuten.ne.jp/gold/mirai-fam/
の

＝＝＝＝＝













【この部分】
＝＝＝＝＝

に、貼り付けをお願い致します。


イベント告知君よりも、スライドの内容を
目立たせたいようであれば、
頂いているHTMLにございます、
2つめのスライドの下

＝＝＝＝＝





【この部分】
＝＝＝＝＝
に、貼り付けをお願いいたします。