Pure Side Menu 반응형빌더 Light버전

g4-main.jpg
g4-main-mobile.jpg

그누보드와 Pure CSS Framework의 레이아웃을 기반으로 제작되었습니다.
※ 그누보드 : http://sir.co.kr/
※ Pure CSS : http://purecss.io/layouts/


□ 설치
1. 그누보드 설치 : 그누보드를 설치합니다.
2. 빌더 업로드 : 그누보드가 설치된 위치에 휴온빌더의 파일을 업로드하여 사용합니다.


□ Pure Responsive Grid 안내
- Pure Grid : http://purecss.io/grids

빌더에 포함된 index.php 문서를 참고하시면 반응형 그리드 사용 예를 확인하실 수 있습니다.

* Pure 반응형 그리드를 위한 클래스
.pure-u-sm-* : 568px(min-width: 35.5em) 이상이면 적용
.pure-u-md-* : 768px(min-width: 48em) 이상이면 적용
.pure-u-lg-* : 1024px(min-width: 64em) 이상이면 적용
.pure-u-xl-* : 1280px(min-width: 80em) 이상이면 적용

* 이미지를 반응형으로 사용하기
: 이미지에 'pure-img-responsive' 클래스를 적용하여 사용합니다.
<img src="images/photo.jpg" alt="" class="pure-img-responsive">


□ Pure Responsive 정식버전 안내
휴온빌더를 신청하시면 반응형빌더 정식버전을 사용하실 수 있습니다~^^.

| 휴온빌더 : http://hnbuilder.net

첨부파일

g4-main.jpg (618.3 KB)
0회 2015-07-02 20:35
g4-main-mobile.jpg (118.1 KB)
0회 2015-07-02 13:32
|

댓글 2개

감사합니다 ^^
오 너무 멋져요! 신청하는 반응형 빌더 말고 지금 첨부해주신 스킨은 반응형으로 사용못하는건가요?? 정식버전과 현재 첨부해주신 빌더랑 무슨차이가 있는지 궁금합니다~!
댓글을 작성하시려면 로그인이 필요합니다.

그누4 빌더

설치하면 순식간에 홈페이지가 뚝딱 생기는 빌더를 사용해 보세요. 빌더의 저작권은 해당 빌더 제작자님께 있으며, 그누보드의 저작권과 다를 수 있습니다. 빌더 다운로드시 좋아요와 감사의 코멘트를 남기시면 제작자에게 큰 힘이됩니다. ^^y 주의) 빌더에 포함된 CHEDITOR의 경우 SIR에서 배포하는 조건으로 포함하는 것을 허락하며, 다른 곳에서 배포하는 경우 CHEDITOR를 제거하시거나 CHEDITOR를 구입하여 배포해 주시기 바랍니다.

+
제목 글쓴이 날짜 조회
10년 전 조회 1.1만
10년 전 조회 8,508
10년 전 조회 8,626
10년 전 조회 9,936
10년 전 조회 1.1만
10년 전 조회 5,904
10년 전 조회 1.1만
10년 전 조회 9,135
10년 전 조회 8,483
11년 전 조회 7,519
11년 전 조회 6,152
11년 전 조회 1만
11년 전 조회 7,108
11년 전 조회 5,753
11년 전 조회 6,468
11년 전 조회 9,183
11년 전 조회 5,742
11년 전 조회 4,367
11년 전 조회 4,747
11년 전 조회 9,817