로그인

검색

Sketchbook5 레이아웃, 모바일 레이아웃

심플한 레이아웃입니다. 특징은 블로그 형태, 흰색과 검은색 컬러셋, 사용자가 사이트를 쉽게 이용할 수 있는 기능 등입니다. 모바일까지 대응하는 일체형 디자인이며 모바일 레이아웃으로도 사용할 수 있습니다.

자료 분류 레이아웃 0 / 0
라이선스 GPL v2
제작자 Sketchbook
홈페이지 sketchbooks.co.kr
설치 경로 ./layouts/sketchbook5
최초 등록일 2012-11-14 00:00 전체 다운로드 4
최근 버전 1.6.3.6 다운로드

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

라이믹스2 동작 인증하기

다운로드 4
최근 업데이트 2012-11-14 00:00 0 / 0

<알림~ ^^>


그동안 부족한 이 레이아웃 사용해주시는 분들께 너무나 감사드리구요,

이번의 업그레이드를 끝으로 이 스케치북5 레이아웃은 더 이상 업그레이드를 하지 않으려고 해요.. ㅠ.ㅠ

대신 새로운 거 만들게 되면 배포할게요~

이 레이아웃 공개해서 제가 드린 것보다 얻은 것이 더 많다고 생각해요.. 정말 감사드립니다~ ㅠ.ㅠ



* 모바일 레이아웃으로 사용하는 방법 

- 방법 기초 : http://xe.sketchbooks.co.kr/29956

- 기타 참조 : http://xe.sketchbooks.co.kr/34568


* 미리보기 사이트 : http://xe.sketchbooks.co.kr/layout



1. 특징과 기능


- 블로그 스타일 : 디자인은 주로 국내 포탈을 참조(?)했습니다. (특히 네이버를 참조 많이 했습니다. 검은색의 경우 네이버 포토에서 메뉴 스타일을 가져(?)왔습니다.)


- 2가지 컬러셋 : 하얀색, 검은색

- 1차 메뉴에 따른 로고 색상 변화(옵션에서 제거 가능) : 1차 메뉴에 따라 색상이 다르게 되어 하나의 레이아웃으로 각 메뉴마다 색 변화를 줄 수 있습니다. (구 'XE 공식 레이아웃2' 와 같은 방식)


- 레이아웃 형태 옵션 : 레이아웃을 좀 더 다양한 형태로 활용할 수 있습니다. 미리보기 사이트를 둘러 보세요.


- 가변적 위젯 영역 : 기본 설정 기준(1280px 해상도가 옵션의 기본사항입니다)으로 해상도가 일정한 크기에 미치지 못할 경우 위젯 영역이 하단에 정렬되게 됩니다.


- 글꼴선택 버튼 : 사용자가 상단의 버튼으로 글꼴을 선택할 수 있습니다.


- 3차 레이어 메인메뉴 + 스크롤시 상단에 고정 : 상단에 3차 레이어 메뉴와 스크롤 시에 상단에 고정되므로 어느 화면에서나 메뉴이동이 자유롭게 하였습니다.

- 좌측 고정 스크롤 메뉴 : 좌측에 1차 메뉴에서 선택된 2차 메뉴가 항상 고정되어 있습니다. 좌측 메뉴의 높이가 브라우저 높이를 넘는 경우에는 마우스 오버 시에 스크롤 바가 생기게 되어 메뉴 선택에 지장이 없도록 하였습니다.


- 카테고리 위젯 : 위젯 영역에 카테고리를 사용할 수 있습니다. 소스는 hammer님이 만드신 'Clio' 레이아웃 + 'xe-ui'+ ' 입니다.


- SocialXE 로그인 : '난다날아님'의 'SocialXE' 모듈 사용자를 위해 소셜 로그인을 사용할 수 있도록 별도로 옵션을 두었습니다.


- 반응형 디자인, 모바일 일체형 : 일반 PC와 모바일에서 별도의 레이아웃을 사용하지 않고 유사한 디자인 스타일로 볼 수 있습니다. 기타 모바일에 특화된 기능을 넣었습니다.



2. 버전 히스토리


(1) 1.2.9 (2011.4.9)


1. 메인 메뉴 3차 레이어 메뉴

2. 스크롤 시 상단 메뉴 고정

3. 좌측 메뉴가 고정임에도 메뉴 길이가 브라우저 높이를 넘는 경우 스크롤이 보이는 방식 : 구글 이미지 검색과 같은 방식입니다.

4. 플래쉬 위젯 제거 등 여러 옵션 추가

5. 소셜XE 로그인을 옵션으로 추가


(2) 1.4 (2011.8.1)


1. 레이아웃 형태 사용자 설정 추가

2. 선택된 2차메뉴의 로고 옆 표시 제거 옵션

3. 익스플로러7 호환

4. 카테고리 위젯

5. 배경 옵션

6. 헤더 높이 옵션

7. 레이아웃 형태 '전환' 추가


(3) 1.5 (2011.10.11)


1. XE1.5 호환 작업

2. 글꼴선택 버튼 추가

3. 위젯 영역 리디자인

4. html5 코딩 선택 가능 : 사용상 차이는 없습니다.

5. 이메일 로그인 지원 : XE1.5 이상에서 관리자 설정에서 관련 부분을 활성화하여야 합니다.

6. 반응형 디자인 : (대략 발로 만들었어요 ^^;)


(4) 1.6 (2012.06.11)


1. XE1.5 부터 이메일 로그인과 아이디 로그인을 구분하였는데, 이를 검출하여 자동으로 설정되도록 바꿨습니다.(이 부분을 혼동하시는 너무 많아서 그냥 해당 기능을 넣어버렸습니다^^;)

2. 모바일 일체형(?) 디자인 : 미디어쿼리를 사용하여 그냥 하나의 레이아웃으로 모바일까지 대응합니다. 어떻게 하면 2차 메뉴 이하 메인메뉴에서 보일 수 있을 까를 고민하다가 그냥 현재처럼 버튼 방식으로 만들었어요.

3. 기타 오류 수정


(5) 1.6.3.6 (2012.11.14)


- 설명 : http://xe.sketchbooks.co.kr/34568


1. 레이아웃 편집시 오류 수정 : 레이아웃 편집사용하면 이상한 코드가 하단에 보이는 문제 해결. (해결에 도움을 주심 미솔님과 funnyXE님께 감사드립니다^^)

2. 피시-모바일 보기 전환 버튼 : XE의 기본 내장된 모바일 사이트 전환과 달리 쿠키를 사용하여 전환합니다.

3. 피시-모바일 레이아웃 따로 설정하는 옵션 : 일체형으로 사용하기 보다 별도로 모바일 레이아웃으로 사용하시는 분이 많으셔서 추가했습니다. 자세한 설명은 위에 링크를 참조해주세요~

4. sns로그인 버튼 외부로 

5. 기타 오류 수정.. (이번이 정말 마지막 업데이트이길..ㅠ.ㅠ)


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

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