쇼핑몰 팝업창 닫기 세련되게(?) 바꾸기 > 영카트5 스킨

영카트5 스킨

스킨 다운로드시 좋아요와 감사의 코멘트를 남기시면 제작자에게 큰 힘이됩니다. ^^y

쇼핑몰 팝업창 닫기 세련되게(?) 바꾸기 정보

기타 쇼핑몰 팝업창 닫기 세련되게(?) 바꾸기

첨부파일

첨부파일 newwin.inc.zip (2.4K) 7회 다운로드 2017-09-30 12:30:29

본문

팝업창 하단에 보면
" 00시간 동안 다시 열지 않습니다 " 와 " 닫기 " 버튼이 있는데
팝업창 디자인의 기본형은 박스형태로 영카트스타일입니다.
그래서 현재 가장 많이 쓰이는 방식으로 디자인과 구성을 변경하였습니다.
실제 적용된 사이트에서 직접 확인해보시면
좀더 사실적으로 사이트에 적용된 팝업창의 디자인과 사이트의 어울림을 보실 수 있습니다

[ 팝업창디자인 미리보기 ]

http://icecreamplay.cafe24.com/

-------------------------------------------------------------------------------
< 팝업창디자인 적용하기 >

(1) newwin.inc.zip 를 다운받아서 압축을 풉니다
(2) bbs 와 mobile 폴더째로 같은 폴더에 덮어쓰거나, 폴던안에 파일을 같은 위치에 덮어쓰면 됩니다
- bbs/newwin.inc.php
- mobile/newwin.inc.php

(3) 팝업창에 적용되는 css 파일을 수정해줍니다. 수정해줄 css파일이 좀 많습니다^^
css 파일에서 " .hd_pops_footer " , " .hd_pops_footer button " 로 정의된 css를
아래 표시된 스타일 css로 변경해주면 됩니다.

.hd_pops_footer {padding:10px 0;background:#33353E;color:#A39B97;text-align:right}
.hd_pops_footer button {margin-right:5px;padding:5px 10px;border:0;background:#33353E;color:#A39B97}


[ CSS 적용해줄 파일들 ]
css / default.css
css / default_shop.css
css / mobile.css
css / mobile_shop.css
theme / 사용하는테마 / css / default.css
theme / 사용하는테마 / css / default_shop.css
theme / 사용하는테마 / css / mobile.css
theme / 사용하는테마 / css / mobile_shop.css

------------------------------------------------------------------------------

간단한 스킨으로 편리함을 느끼시는 분도 있고, 별감흥이 없는분들도 계실것입니다^^
이상 간단 스킨 이었습니다.

[ 팝업창디자인 미리보기 ]

http://icecreamplay.cafe24.com/

댓글 전체

전체 70
영카트5 스킨 내용 검색

회원로그인

진행중인 포인트경매

  1. 포인트 경매!
    직접 등록해보세요!

(주)에스아이알소프트 (06253) 서울 강남구 강남대로 310, 1312호 (역삼동, 유니온센터) 대표메일:admin@sir.kr
사업자등록번호:217-81-36347 대표:홍석명 통신판매업신고번호:2014-서울강남-02098호 개인정보보호책임자:이총

© SIRSOFT