Home / 화면고정배너 만들기

화면고정배너 만들기

화면고정배너 만들기 입니다.

스크롤을 움직일때 마다 움직이는 것이 아니라 화면에 특정한 위치를 지정하고 그 위치에 항상 고정 되어 있는 배너를 만드는 방법 입니다.

div 를 이용하고 css 를 사용하여 간단하게 처리 하는 방법입니다.^^

css.jpg

 

먼저 화면에 들어갈 배너를 준비 하시고 아래 소스를 적용하세요

현재 운영중인 사이트 의 테이블과는 전혀 상관이 없는 관계로 현재 적용 된 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; 에서 하시면 됩니다.

간단한 화면고정배너 만들기 여러분도 한번 해보세요.^^

 

 

Check Also

이국주

냉장고를 부탁해 이국주 박나래 대결

냉장고를 부탁해 이국주 박나래 대결 승자는? 냉장고를 부탁해 최초 게스트 박나래 이국주 가 요리 대결을 …

답글 남기기

이메일은 공개되지 않습니다. 필수 입력창은 * 로 표시되어 있습니다.