화면고정배너 만들기 입니다.
스크롤을 움직일때 마다 움직이는 것이 아니라 화면에 특정한 위치를 지정하고 그 위치에 항상 고정 되어 있는 배너를 만드는 방법 입니다.
div 를 이용하고 css 를 사용하여 간단하게 처리 하는 방법입니다.^^
먼저 화면에 들어갈 배너를 준비 하시고 아래 소스를 적용하세요
현재 운영중인 사이트 의 테이블과는 전혀 상관이 없는 관계로 현재 적용 된 html 소스 가장 아래 또는 가장 위쪽에 적용하시면 됩니다.
<div id=”left_120″>고정배너들어갈 자리</div>
참 간단 하죠 이렇게 적용하시구요 그리고 css 로 갑니다.
#left_120 {
position: fixed;
left: 50%;
top: 280px;
margin-left: -630px;
text-align:center;
height:160px;
width:120px;
z-index:1000;
}
이렇게 적용하시면 됩니다.
위치을 원하신다면 top: 280px; 부분과 margin-left: -630px; 부분을 수정 하시면 되구요 배너 사이즈는 height:160px; 와 width:120px; 에서 하시면 됩니다.
간단한 화면고정배너 만들기 여러분도 한번 해보세요.^^
