part6 완료본의 예제를 다운로드하고 영상을 보면서 따라해주세요.
디자인 PSD 파일: https://goo.gl/shSB3k
part6 완성본 : https://goo.gl/YPTupc
가운데 배치하기 문제 1
https://codepen.io/alikerock/pen/LzGZbg
가운데 배치하기 문제 2
https://codepen.io/alikerock/pen/dVGXdL
가운데 배치하기 문제 3
https://codepen.io/alikerock/pen/zErBwW
슬라이드쇼 css 설정하기
- 좌우 컨트롤 버튼 배치하기
- 하단 페이저 설정하기
트위터: #eztoweb
모든 소스 github에서 확인할 수 있습니다.
https://github.com/alikerock/ezweb.git
#cycle2, #slideshow, #pager
반응형
'Youtube 동영상 > psd to html & css' 카테고리의 다른 글
| PSD TO HTML [proweb 09 css] - 푸터 스타일, 폰트어썸, 폼의 스타일 설정하기 (0) | 2019.04.22 |
|---|---|
| PSD TO HTML [proweb 08 css] - 프로젝트 리스트 스타일, 플롯, 간격, 마우스오버 캡션 효과 (0) | 2019.04.22 |
| PSD TO HTML [proweb 06] - 슬라이드쇼 타이틀, 설명, 버튼, 좌우 컨트롤 설정하기 (0) | 2019.04.22 |
| PSD TO HTML [proweb 05] - 헤더 고정하기, 슬라이드 이미지 설정, 로고, 메뉴 설정하기 (0) | 2019.04.22 |
| PSD TO HTML [proweb 04] - css 리셋, 폰트 위계, 웹폰트 로드, 공통요소 스타일 설정하기 (0) | 2019.04.22 |