스크롤해도 고정된 플로팅 광고 삽입하기
스크롤해도 고정된(따라다니는) div 를 만드는 코드를 설명합니다.
아주 간단하답니다.
아! 구글 애드센스에는 이용하지 마세요.
구글 애드센스 정책에는 위반사항에 해당되는 부분입니다.
1. CSS 삽입하기
/* 플로팅 배너 (Floating Menu) */
#floatdiv {
position:fixed; _position:absolute; _z-index:-1;
width:120px;
overflow:hidden;
right:11px;
top:50px;
background-color: transparent;
margin:0;
padding:0;
}
#floatdiv ul { list-style: none; }
#floatdiv li { margin-bottom: 2px; text-align: center; }
#floatdiv a { color: #5D5D5D; border: 0; text-decoration: none; display: block; }
#floatdiv a:hover, #floatdiv .menu { background-color: #5D5D5D; color: #fff; }
#floatdiv .menu, #floatdiv .last { margin-bottom: 0px; }
2.고정된 광고를 삽입하기 위한 코드
<div id="floatdiv">
<ul>
광고코드
</ul>
</div>