르 푸 노 트Eat Study Record♥

메가박스 사이트 만들기 05.배너 - swiper.js 메가박스 전체메뉴 영화 큐레이션 영화관 특별관 스토어 이벤트 로그인 최신 영화 소식 전체메뉴 필름 소사이어티 크래식 소사이어티 고객센터 멤버쉽 VIP 상영시간표 빠른예매 Slide 1 Slide 2 Slide 3 style.css @charset "utf-8"; /* 레이아웃 */ #mNav {display:none; position: absolute; top: 10px; right: 14px;} #header {width: 100%; border-bottom: 1px solid #c6c6c6;} #banner {position: relative;} /* 가운데 영역 */ .container {position: relative; width: 1280..

메가박스 사이트 만들기 04. 헤더 반응형 - 모바일 메뉴 메가박스 전체메뉴 영화 큐레이션 영화관 특별관 스토어 이벤트 로그인 최신 영화 소식 전체메뉴 필름 소사이어티 크래식 소사이어티 고객센터 멤버쉽 VIP 상영시간표 빠른예매 style.css @charset "utf-8"; /* 레이아웃 */ #mNav {display:none; position: absolute; top: 10px; right: 14px;} #header {width: 100%; border-bottom: 1px solid #c6c6c6;} #banner {position: relative;} /* 가운데 영역 */ .container {position: relative; width: 1280px; margin: 0 auto; ba..

메가박스 사이트 만들기 03.배너영역 영화 큐레이션 영화관 특별관 스토어 이벤트 로그인 최신 영화 소식 전체메뉴 필름 소사이어티 크래식 소사이어티 고객센터 멤버쉽 VIP 상영시간표 빠른예매 style.css @charset "utf-8"; /* 레이아웃 */ #header {width: 100%; height: 63px; border-bottom: 1px solid #c6c6c6;} #banner {position: relative;} /* 가운데 영역 */ .container {position: relative; width: 1280px; margin: 0 auto; background: rgba(0,0,0,.0);} /*로우 영역*/ .row {padding: 0 24px;} /* 헤더 영역 */ ...

메가박스 사이트 만들기 02.헤더영역 영화 큐레이션 영화관 특별관 스토어 이벤트 로그인 reset.css @charset "utf-8"; /* 여백 초기화 */ body,div,ul,li,dl,dd,dt,ol,h1,h2,h3,h4,h5,h6,input,fieldset,legend,p,select,table,th,td,tr,textarea,button,form,figure,figcaption{margin:0; padding:0;} /* a 링크 초기화 */ a {color: #222; text-decoration: none;} a:hover {color: #2698cb;} /* 폰트 초기화 */ body, input, textarea, select, button, table {font-family:'Not..

메가박스 사이트 만들기 01. 기본세팅 reference: Webstoryboy