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

Lee Guk-joo

Take care of your refrigerator Lee Guk-joo baknarae showdown

Take care of your refrigerator Lee Guk-joo baknarae showdown winner? Take care of your refrigerator, the first guest baknarae Lee Guk-joo cooking showdown …

Leave a Reply

Your email address will not be published. Required fields are marked *