레이어 팝업소스(오늘하루 보지않기/드레그이동)
인터넷브라우져의 자동팝업차단으로 보이지 않는 팝업을
레이어 팝업 으로 보이게 하는 방법입니다...
일단 수정이 쉽게 정리해 놓느라....기본형태(맨위의 팝업이미지)로 첨부파일에 올려놨습니다...
아래 팝업이미지는 이미지를 수정해서 적용한 예제 입니다....
아래와 같이 디자인 적용 팝업을 하실경우 테두리를 지워 주시고,
- 테두리: 86줄, 88줄 두줄입니다...하나는 2px, 하나는 4px
drag_bg_top.gif(현제 그냥 흰색배경)
drag_bg_mid.gif(현제 그냥 흰색배경)
drag_bg_bottom.gif(현제 그냥 흰색배경)
적절히 배경이미지를 수정하여 사용하세요....
- 팝업표시 위치 : 86줄 → LEFT: 200px; TOP: 100px;
- 기타: 드레그 이동 가능
- 적용방법
압축을 풀어보시면...html파일이 나옵니다...
거기에 있는소스를 복사하여 팝업뛰울 페이지의 <HEAD></HEAD>붙여넣으시거나...
html파일명을 영문으로 바꾸시고 인클루드로 삽입하셔도 됩니다...^ㅅ^
레이어 팝업 으로 보이게 하는 방법입니다...
일단 수정이 쉽게 정리해 놓느라....기본형태(맨위의 팝업이미지)로 첨부파일에 올려놨습니다...
아래 팝업이미지는 이미지를 수정해서 적용한 예제 입니다....
아래와 같이 디자인 적용 팝업을 하실경우 테두리를 지워 주시고,
- 테두리: 86줄, 88줄 두줄입니다...하나는 2px, 하나는 4px
drag_bg_top.gif(현제 그냥 흰색배경)
drag_bg_mid.gif(현제 그냥 흰색배경)
drag_bg_bottom.gif(현제 그냥 흰색배경)
적절히 배경이미지를 수정하여 사용하세요....
- 팝업표시 위치 : 86줄 → LEFT: 200px; TOP: 100px;
- 기타: 드레그 이동 가능
- 적용방법
압축을 풀어보시면...html파일이 나옵니다...
거기에 있는소스를 복사하여 팝업뛰울 페이지의 <HEAD></HEAD>붙여넣으시거나...
html파일명을 영문으로 바꾸시고 인클루드로 삽입하셔도 됩니다...^ㅅ^
첨부파일
|
댓글을 작성하시려면 로그인이 필요합니다.
댓글 20개
언젠가 들은적이 있는데...ㅎㅎㅎㅎ
제그림은 왠지 모르게 무섭다는....ㅜ.ㅜ
일단 드레그 이동이 되구요...
디자인을 수정하기 쉽게 정리해 놨어요....
감사합니다. 정말 좋습니다.
제가 드릴것은 추천뿐! 아래 블랙 레이어 팝업창 맘에 드는군요! ㅎ