로그인

검색

s4u Nextep 반응형 레이아웃

반응형 웹디자인 레이아웃, iview 이미지 슬라이더, 2단 본문 구성, 향상된 동적 메뉴, 가변형 레이아웃, 미디어쿼리사용

자료 분류 레이아웃 0 / 0
라이선스 GPL v2
제작자 페이소스
홈페이지 site4u.co.kr
설치 경로 ./layouts/nextep
최초 등록일 2014-01-29 00:00 전체 다운로드 0
최근 버전 nextep v1.2 다운로드

해당 자료는 라이믹스2에서 동작여부가
확인되지 않았습니다.

라이믹스2 동작 인증하기

다운로드 0
최근 업데이트 2014-01-29 00:00 0 / 0

 반응형 웹디자인 레이아웃 Nextep v1.2 업데이트 버전 입니다.

 

2014/2/29일자 추가및 변경 부분:

**  모바일 및 태블릿 보기 css를 최적화 했습니다.

**  ie7~ie8 버전 보기를 지원합니다. 다만 반응형으로는 동작하지 않으며 고정형으로 보입니다.

**  설정폭 미만으로 메인창이 줄어들었을 때 메인 영역의 위젯의 크기를 100%로 조정합니다.

(2단 혹은 3단으로 위젯을 넣었을 때 레이아웃이 벌어지는 것을 막기 위함으로, 경우에 따라 필요치 않으신 경우, nextep.css의 맨 하단 부분을 삭제 혹은 편집하세요)

** 배경이미지 , 메인용, 서브용 등 관리자 상세설정으로 넣었습니다.

 

** 미리 하위 버전을 사용하고 계신 분들은 사이드 및 풋터 영역의 코드를 백업한 뒤 업데이트 하세요.

     사이드 및 하단영역에 글자로 되어 있는 부분에 위젯 코드나 기타 원하시는 내용을 넣으시면 됩니다.

 

미리보기 : http://jeonin.site4u.biz/zbxe/

모바일 미리보기 : http://www.responsinator.com/?url=jeonin.site4u.biz%2Fzbxe 

(모바일 미리보기는 크롬에서 제대로 보이며, ie에서는 일부 부정확합니다)

 

문의 : 홈페이지 http://site4u.co.kr

           이메일 : muscoca@site4u.co.kr

 

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

반응형 메타 태그가 관리자 레이아웃 설정>헤더 설정에서는 먹히지 않는 문제점이 발견되었습니다.

xe/common/tpl/common_layout.html 파일의 

<meta name="Generator" content="XpressEngine">
바로 밑에 

<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="viewport" content="width=device-width, minimum-scale=1, maximum-scale=1, initial-scale=1, user-scalable=no">
 

이렇게 직접 넣어주셔야 모바일에서 제대로 크기가 보입니다. 반응형 메타의 위치가 위에 있어야 적용되는 것 같습니다.

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

 

 nextep-capture.jpg

이 자료는 XE 공식 자료실에서 자동으로 다운로드한 자료입니다.
라이믹스 최신버전에서는 동작하지 않을 수 있습니다.

원본 : [공식 자료실 게시글로 이동]