가이드 Gray Style 2
2010.06.01 14:50
Gray Style 2
레이아웃 설정의 이해를 돕는 문서입니다.
컬러셋, 사이트 제목 등의 간단한 설정에 대한 설명은 포함되어 있지 않습니다.
설치 경로
layouts/elkha_graystyle2 경로에 스킨을 업로드합니다.
홈 페이지 URL
홈 페이지 URL을 비워두면 로고에 링크가 걸리지 않습니다.
사이트 홈페이지 주소를 입력할 때는 /이나 /xe 등으로 쓰는게 편리합니다.
Login Layer (로그인 창)
로그인하고 Profile 클릭했을때 나오는 목록입니다.
기본: 회원 정보 보기, 스크랩 보기, 저장함 보기, 작성 글 보기, 친구 보기, 쪽지함 보기
축소: 회원 정보 보기, 포인트, 레벨, 소속 그룹
우측 상단 태그 제목
레이아웃 우측 상단에 Select Language 옆에 레이어를 추가하는 기능입니다.
이 기능을 사용하여 최근 게시물, 출석 랭킹과 같은 위젯을 추가할 수 있습니다.
로고 위치
로고 사이즈게 제한은 없지만, 지나치게 크거나 작을경우 레이아웃과 어긋나게 될 수 있습니다.
아래 태그를 참조하여, 레이아웃 설정에서 헤더 스크립트에 입력해보세요.
<style type="text/css">
#header h1 { left:왼쪽px; top:오른쪽px; }
</style>
Search Bar (검색창)
검색창은 상단 메뉴 옆에 배치하는게 잘 어울립니다.
그런데 1차메뉴가 너무 많으면 메뉴와 검색창이 중복이 될 수 있습니다.
그런 경우를 고려하여 검색창을 상단 메뉴보다 위에 놓도록 선택할 수 있습니다.
검색창 위치를 상단으로 선택하면 Select Language 옆에 놓이게 됩니다.
Banner HTML Tags (배너 영역 태그)
동영상, 이미지, 위젯 등을 상단에 노출할 수 있는 기능입니다.
배너 태그를 입력하게 되면 이미지 배너는 가려지게 됩니다.
본문 배경
대부분의 컨텐츠는 흰색 배경에 적합하며 이 레이아웃의 기본 배경도 흰색입니다.
컨텐츠의 퍼포먼스를 위해 흰색 배경이 없도록 선택할 수 있습니다.
위젯 태그 1~7
제가 만든 레이아웃들을 사용해보셨다면 어느정도 익숙한 기능일 것입니다.
스킨을 수정하지 않고 위젯을 태그를 입력할 수 있는 기능으로, 제어판 > 사이트 설정 > 위젯 에서 태그를 뽑아올 수 있습니다.
Copyright 문구
클래스명을 powered 라고 입력한 태그는 Footer 우측에 표시됩니다.
사이트 이름과 같이 중요한 부분은 strong 태그로 마크업 하시는 것이 좋습니다.
아래는 제가 사용중인 마크업으로, Copyright 표기시 참고하시기 바랍니다.
© <strong><a href="http://elkha.kr" target="Elkha">Elkha's Note</a></strong> - memo, scrap and other stuff
<span class="powered">Powered by XE<br />Skin by Elkha</span>
메뉴
지정 가능한 메뉴는 3가지가 있습니다.
-
상단 메뉴
사이트 좌측 최상단에 출력되는 메뉴입니다. 디자인에 어울리지 않을 경우, 선택하지 않는게 더 나을 수 있습니다.
-
메인 메뉴
4차까지 가능하며, 2차메뉴는 펼침기능을 사용하여 위젯 출력부분을 제어할 수 있습니다.
-
하단 메뉴
좌하단에 위치해 있으며 개인정보정책, 사이트맵 등의 요소를 배치하는게 좋습니다.
연동 자료
댓글 0
번호 | 제목 | 글쓴이 | 최근 수정일 | 조회 수 |
---|---|---|---|---|
공지 | 메뉴에 새글 표시 모듈에서 텍스트가 올라가는 현상 | Elkha | 2013.08.31 | 122381 |
18 | Zipped XE [11] | 엘카 | 2019.11.22 | 31233 |
17 | Gray Style | Elkha | 2018.08.29 | 52334 |
16 | Elkha - T.S.K. | 엘카 | 2017.04.22 | 52630 |
15 | Elkha - monochrome [1] | 엘카 | 2014.10.17 | 64939 |
14 | Elkha - Sky [1] | 엘카 | 2013.10.06 | 41772 |
13 | Elkha - Banner (배너 위젯) | Elkha | 2013.10.06 | 38583 |
12 | Elkha - Pieces | Elkha | 2013.10.05 | 37983 |
» | Gray Style 2 | Elkha | 2013.10.05 | 52700 |
10 | Daerew 4 | Elkha | 2013.10.05 | 44572 |
9 | Lisense | 엘카 | 2017.12.11 | 35063 |
8 | Gray Widget Style (위젯 스타일) | Elkha | 2012.05.11 | 41386 |
7 | Gray Style 2 - v1.5 | 엘카 | 2012.04.25 | 46327 |
6 | Elkha - neutral | Elkha | 2012.04.14 | 50279 |
5 | Sky 2 - v1.5 | Elkha | 2012.04.13 | 43542 |
4 | eFAQ | Elkha | 2012.04.13 | 46345 |
3 | Elkha - x610 | Elkha | 2012.04.13 | 45561 |
2 | Elkha - Complicated | Elkha | 2012.04.13 | 37216 |
1 | Basix | Elkha | 2012.04.13 | 31715 |