Pure Side Menu 반응형빌더 Light버전 정보
Pure Side Menu 반응형빌더 Light버전첨부파일
본문
그누보드와 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
추천
5
5
댓글 전체
오홋 깔끔하고 좋습니다!! 추천합니다!
예븐 스킨 고맙습니다. 근데, 궁금한게요...
그룹 메뉴에서도 휴온 사이드 메뉴 레이어가 적용되게 하려면 어떻게 해야 하나요?
이건 정식 버전용인가요?
그룹 메뉴 클릭하니까, 그누보드 기본 레이어로 바뀌더라구요.
PS.
head.sub.php 파일의 아래 스타일 링크를 css 폴더 내의 것으로 수정해서 배포하면 좋겠습니다.
수정 전
<link rel="stylesheet" href="http://yui.yahooapis.com/pure/0.6.0/pure-min.css">
수정 후
<link rel="stylesheet" href="<?php echo G5_URL ?>/css/pure-min.css">
그룹 메뉴에서도 휴온 사이드 메뉴 레이어가 적용되게 하려면 어떻게 해야 하나요?
이건 정식 버전용인가요?
그룹 메뉴 클릭하니까, 그누보드 기본 레이어로 바뀌더라구요.
PS.
head.sub.php 파일의 아래 스타일 링크를 css 폴더 내의 것으로 수정해서 배포하면 좋겠습니다.
수정 전
<link rel="stylesheet" href="http://yui.yahooapis.com/pure/0.6.0/pure-min.css">
수정 후
<link rel="stylesheet" href="<?php echo G5_URL ?>/css/pure-min.css">